關於色碼轉換
色碼轉換解決做網頁時的日常問題：設計稿裡的 #1e90ff 寫成 rgb() 是多少，品牌色要加透明度該怎麼寫，交給印刷廠的 CMYK 數值是多少。輸入 3、4、6、8 位的 HEX，RGB 或 RGBA，HSL 或 HSLA，HSV，CMYK，或者 tomato 這類 CSS 顏色名，也可以用取色器直接選，其他格式馬上全部給出，複製就能用。
下方會算出這個顏色和白色、黑色以及你指定的另一個顏色之間的 WCAG 對比度，並標出是否達到 AA、AAA，文字用這個顏色讀起來清不清楚，心裡就有數了。深淺色階給出一組更淺和更深的顏色，點一下就能複製，做懸停效果、邊框很方便。CMYK 是按公式換算的，不帶印刷色彩配置檔案，重要的印刷品請以印刷廠給的數值為準。要做漸變背景，試試 CSS 漸變生成器。全部在瀏覽器裡完成。
色碼轉換怎麼用
- 1輸入顏色
輸入 HEX、RGB、HSL、HSV、CMYK 或 CSS 顏色名，或用取色器選。
- 2複製需要的格式
所有格式同時更新，複製程式碼或設計軟體要用的那一種。
- 3檢視對比度
看和白色、黑色、另一個顏色的對比度，以及 AA、AAA 是否達標。
- 4選深淺色
在深淺色階裡點同一顏色更淺或更深的版本，就能複製。
為什麼用熊仔工匠
- 常用格式互轉
輸入 HEX、RGB(A)、HSL(A)、HSV、CMYK 或 CSS 顏色名，各種格式一起給出。
- 支援透明度
4 位、8 位 HEX 和 RGBA、HSLA 的透明度都能識別。
- WCAG 對比度
對比白色、黑色和自選顏色，標出 AA、AAA 是否達標。
- 深淺色階
一組現成的淺色和深色，點選即可複製。