在 HEX、RGB 和 HSL 色彩程式碼之間轉換，並整理為便於複製和分享的程式碼片段。
已將 UI 強調色檢查 規範化為便於複製的 HEX、RGB、HSL 和令牌片段。
在此色塊上使用 白色文字 可獲得最強的小字號文字對比度。
:root {
--brand-accent: #7C3AED;
--brand-accent-rgb: 124 58 237;
}
{
"color": {
"accent": {
"value": "#7C3AED",
"rgb": "124 58 237",
"hsl": "hsl(262, 83%, 58%)"
}
}
}
background-color: #7C3AED; color: #FFFFFF;
Web 上的顏色可以用多種格式表示。HEX 使用十六進位制表示法 (#RRGGBB)，RGB 指定紅、綠、藍分量 (0-255)，而 HSL 使用色相 (0-360)、飽和度和亮度 (0-100%)。每種格式在不同的用例中都有其優勢，例如設計工作或程式化顏色處理。
HEX 顏色以十六進位制對 RGB 值進行編碼（每個通道 16-255）。RGB 直接指定顏色強度 (0-255)。HSL 將顏色（色相）與強度（飽和度/亮度）分離，使得建立顏色變體更加直觀。所有格式都可以表示相同的 1670 萬種顏色。
當您需要建立顏色變體（更亮、更暗、更高/更低飽和度）時，HSL 更好，因為您可以調整單個分量。RGB 更適合混色以及影像處理工作。
HEX 簡寫使用 3 位數字而不是 6 位（用 #RGB 代替 #RRGGBB）。每一位數字都會重複一次：#F00 變成 #FF0000（紅色）。僅當每對數字相同時才有效。