顏色選取器

HEXA
CMYK
HSLA
HSVA
RGBA

線上顏色選取器:揀色、取碼、預覽一次搞掂

顏色選取器係設計師同前端工程師最常用嘅工具之一。你可以用視覺方式揀顏色,即時得到 HEX、RGB、HSL 等多種格式嘅顏色碼,唔使自己計算。

呢個工具可以做啲咩?

  • 視覺揀色:用色盤同滑條直觀選擇顏色
  • 多格式輸出:同時顯示 HEX、RGB、HSL、HSV 等多種格式
  • 透明度調整:支援 Alpha 通道,即時睇透明效果
  • 一鍵複製:點一下就複製顏色碼,直接貼去 CSS 或者設計軟件

應用場景

  • 網頁設計時快速揀選同複製顏色
  • UI 設計師同工程師溝通顏色規格
  • 學習顏色理論,睇唔同模型之間嘅對應關係
  • 做配色方案時測試深淺變化

點樣用

  1. 用滑鼠係色盤度揀你想要嘅顏色
  2. 拖動滑條調整亮度、飽和度或者透明度
  3. 右邊會即時顯示各種格式嘅顏色碼
  4. 點擊格式旁邊嘅複製按鈕,就可以直接用

常見問題

問題1:HEX 同 RGB 邊個好?

兩個都一樣,只係寫法唔同。網頁開發多數用 HEX,因為寫法簡潔;如果需要動態計算就用 RGB 方便啲。

問題2:有冇快捷鍵?

呢個工具主要用滑鼠操作,你亦都可以直接輸入數值微調,精確到每一位。

無論你係設計師定係工程師,呢個線上顏色選取器都可以幫你提升效率,唔使再開龐大嘅設計軟件先至揀到顏色。

熱門工具