HEX、RGB、HSL、CMYK 之間的色彩代碼轉換。設計師和開發者必備工具。
在輸入欄位以 HEX (#FF5733)、RGB (rgb(255,87,51))、HSL (hsl(9,100%,60%)) 任一格式輸入色彩代碼。
輸入的色彩會自動轉換為 HEX、RGB、HSL、HSV、CMYK 各種格式。可透過預覽視覺確認顏色。
點擊各格式旁的「複製」按鈕,將需要的色彩代碼複製到剪貼簿。
支援 HEX (#FF5733)、RGB (rgb(255,87,51))、HSL (hsl(9,100%,60%))
HEX
#3B82F6CSS RGB
rgb(59, 130, 246)CSS HSL
hsl(217, 91%, 60%)RGB
R: 59, G: 130, B: 246HSL
H: 217°, S: 91%, L: 60%HSV
H: 217°, S: 76%, V: 96%CMYK
C: 76%, M: 47%, Y: 0%, K: 4%※ CMYK/HSL/HSV 為整數四捨五入,往返轉換可能有 ±1〜2 的誤差
色彩轉換工具是一款可相互轉換網頁開發和設計中使用的各種色彩表示格式的線上工具。支援 HEX(十六進位)、RGB、HSL、HSV、CMYK 等主要色彩格式,提高設計工具和 CSS 中色彩指定的效率。輸入時即時顯示轉換結果,可透過預覽確認實際顏色。
HEX 以十六進位表示顏色,在 CSS 中廣泛使用。RGB 以紅、綠、藍光的三原色指定顏色。HSL 以色相、飽和度、亮度表示顏色,適合直覺式的色彩調整。
CMYK 是以青色(C)、洋紅(M)、黃色(Y)、黑色(K)四種顏色表示的格式,主要用於印刷。由於與 RGB 的色域不同,完全轉換可能有困難。
CMYK、HSL、HSV 會四捨五入為整數值,因此往返轉換(例如:HEX→HSL→HEX)可能會產生 ±1〜2 的誤差。這是正常的動作。
支援 HEX(#RGB、#RRGGBB)、RGB(rgb(R,G,B))、HSL(hsl(H,S%,L%))三種格式。輸入格式會自動偵測。
目前版本不支援透明度(alpha 值)。只能轉換不透明的顏色。