顏色選取器
| HEXA |
|
|
| CMYK |
|
|
| HSLA |
|
|
| HSVA |
|
|
| RGBA |
|
線上顏色選取器:揀色、取碼、預覽一次搞掂
顏色選取器係設計師同前端工程師最常用嘅工具之一。你可以用視覺方式揀顏色,即時得到 HEX、RGB、HSL 等多種格式嘅顏色碼,唔使自己計算。
呢個工具可以做啲咩?
- 視覺揀色:用色盤同滑條直觀選擇顏色
- 多格式輸出:同時顯示 HEX、RGB、HSL、HSV 等多種格式
- 透明度調整:支援 Alpha 通道,即時睇透明效果
- 一鍵複製:點一下就複製顏色碼,直接貼去 CSS 或者設計軟件
應用場景
- 網頁設計時快速揀選同複製顏色
- UI 設計師同工程師溝通顏色規格
- 學習顏色理論,睇唔同模型之間嘅對應關係
- 做配色方案時測試深淺變化
點樣用
- 用滑鼠係色盤度揀你想要嘅顏色
- 拖動滑條調整亮度、飽和度或者透明度
- 右邊會即時顯示各種格式嘅顏色碼
- 點擊格式旁邊嘅複製按鈕,就可以直接用
常見問題
問題1:HEX 同 RGB 邊個好?
兩個都一樣,只係寫法唔同。網頁開發多數用 HEX,因為寫法簡潔;如果需要動態計算就用 RGB 方便啲。
問題2:有冇快捷鍵?
呢個工具主要用滑鼠操作,你亦都可以直接輸入數值微調,精確到每一位。
無論你係設計師定係工程師,呢個線上顏色選取器都可以幫你提升效率,唔使再開龐大嘅設計軟件先至揀到顏色。