🎨 色碼顯示器

一個免費、全方位的「色彩百科」網頁工具,為設計師、開發者提供深度且實用的色彩解析與轉換功能,支援多種顏色格式和配色生成

色碼顯示器

輸入任何顏色格式,立即轉換為多種色彩格式

等待輸入...

支援的格式:

  • HEX格式#FF5733、#F57、FF5733
  • RGB格式rgb(255, 87, 51)、rgb(255,87,51)
  • HSL格式hsl(11, 100%, 60%)、hsl(11,100%,60%)
  • CMYK格式cmyk(0%, 66%, 80%, 0%)
  • 顏色名稱red、blue、green 等140種標準顏色

色彩格式範例

點擊任何範例,立即在主工具中查看轉換結果

HEX 格式

RGB 格式

HSL 格式

CMYK 格式

常用顏色名稱

配色生成器

基於色彩理論生成和諧的配色方案

配色類型說明:

  • 相似色:色環上相鄰的顏色,營造和諧統一感
  • 互補色:色環上相對的顏色,產生強烈對比
  • 三角配色:色環上等距的三個顏色,平衡且活潑
  • 單色調:同一色相的不同明度和飽和度
  • 隨機配色:基於美學原則的隨機色彩組合

📝 技術實作細節

想了解這個工具的實作原理和技術架構嗎?

查看技術實作 →
🛠️