網頁色彩要用哪一種色碼？你聽過HEX、CMYK、RGB嗎？(附推薦三種顏色小工具！)

色碼是什麼？

簡單來說就像是分別 給予顏色代表號碼 ，而隨著色相、明度、飽和度的不同，色碼的數字與英文也會不同。而常見的色碼：HSB、RGB、CMYK、HEX…等等。

● CMYK
印刷專用的色碼。C 青色、M 洋紅色、Y 黃色、K 黑色。只要不是印刷出實品的設計，都不該用CMYK標示！

● HSB
H 代表色相、S 代表彩度、B 代表明度。

● RGB
三原色，主要於螢幕顯示。R 紅光、G 綠光、B 藍光。三色光各字有0～255的色階，數字越大越淺色，例如白色標示為 R255 G255 B255，反之黑色為R0 G0 B0。

● HEX
HEX 色碼為十六進位色碼，以三組表示（從 00 到 FF 的數字）。例如：白色為#FFFFFF、黑色為#000000。

而有時我們在網頁看到一些漂亮的顏色，或是圖片上想知道某一小區塊的顏色色碼，我們可以利用兩種工具！（不是業配ＸＤ）

色碼之間通用嗎？

色碼之間是通用的，我們有線上轉換器其實相當方便！不過如果需轉換為CMYK的話，就必須接受色差，這邊附上好用的色碼轉換器！

▶︎ 點我由此去

小補充：十六進位與十進位的差別？

十六進位

網頁色彩是由紅、綠、藍組成，各有256（0～255）色階 ，而色碼組成從「＃」開始，接連是RGB三個色碼，長度也有要求，必須是六位數（英文字母大小寫皆可），例如：#FFFFFF 是白色、#000000 是黑色、#ff9900是橘色。

十進位

rgb各別標示0~255的整數 ，例如：rgb(255,255,255) 為白色、rgb(255,0,0) 為紅色、rbg(0,0,255) 為藍色；而十六進位與十進位皆可增加透明度，在十六進位在最後方加入Alpha ， 00 表示全透明、FF 表示不透明；十進位也是加在最後，而數值區間為0～1，0為全透明、1表示不透明，如：rgba(22,0,0,1)不透明。