認識色彩格式：HEX、RGB、HSL 及其他
這個轉換工具的作用
同一個顏色可以有多種寫法，而這項工具能一次把單一顏色轉成其中六種表示法。以 HEX、RGB 或 HSL 輸入數值，或用視覺化的色彩選取器挑選，畫面就會立刻顯示對應的 HEX、RGB、HSL、HSV、CMYK 與 LAB 表示法。透過 HSL 滑桿調整色相、飽和度與亮度時，其他格式也會同步更新。
由於六種格式都是從同一個顏色計算而來，而非查固定對照表，因此每次移動選取器或滑桿都會即時重新計算整組數值，你複製到的值永遠對應螢幕上那個色塊。
何時該用哪一種格式
不同工作需要不同的表示法。HEX 與 RGB 是貼進 CSS 和多數設計軟體的寫法；當你想把某個顏色調得稍暗一點或降低飽和度時，HSL 比較好拿捏；CMYK 則在設計要送印時才派上用場；LAB 適合需要讓人眼看起來間距均勻的顏色時使用。六種格式並列在一起，你不必再找第二個轉換器，就能直接取用眼前工作所需的那一種。
範例：轉換 #FF5733
以橘色 #FF5733 為例。以 RGB 表示是 rgb(255, 87, 51)：紅色最強、綠色偏少、藍色更少。以 HSL 表示大約是 hsl(11, 100%, 60%)，色相靠近色相環的紅色端、飽和度最高、亮度為 60%。送印時大致對應 cmyk(0%, 66%, 80%, 0%)。每種表示法指的都是同一個色塊，只是用不同的數字描述而已，每個數值旁的複製按鈕能讓你直接貼進程式碼或設計檔案。
格式注意事項與邊界情況
HEX 與 RGB 承載相同的資訊——#FF5733 和 rgb(255, 87, 51) 是同一個顏色的不同寫法——因此彼此轉換不會遺失任何內容。HSL 與 HSV 則把這些資訊依人類直覺重新組織，所以較適合微調顏色而非儲存顏色。CMYK 是印刷用的色彩模型，色域比螢幕窄，數值只是接近的近似值而非完全吻合；LAB 則與裝置無關，並且在知覺上均勻。這裡顯示的 HEX、RGB、HSL 結果都能原封不動貼進 CSS。