顏色轉換（HEX、RGB、HSL）

功能簡介

顏色轉換工具接受任何常見 CSS 寫法的顏色，並同時以其他所有格式顯示：HEX、RGB、HSL、HSV 和 CMYK。它也會顯示預覽色塊、完全相符時的 CSS 顏色名稱，以及與白色、黑色的對比度，方便你檢查可讀性。

使用方法

1. 在 顏色 框中輸入或貼上顏色，或使用旁邊的取色器。
2. 所有格式會隨著輸入即時更新，點你需要那一行旁邊的 複製 即可。
3. 如果你的設計規範用大寫字母寫十六進位，請開啟 十六進位大寫。
4. 把顏色用在文字之前，先看看對比度那幾行：綠色標籤表示符合 WCAG AA。

範例

#1e90ff 就是 CSS 顏色 dodgerblue，轉換結果為：

• RGB：rgb(30, 144, 255)
• HSL：hsl(210, 100%, 55.9%)
• HSV：hsv(210, 88.2%, 100%)
• CMYK：cmyk(88%, 44%, 0%, 0%)

它在白底上的對比度是 3.24:1，用在大標題足夠，但不適合內文。

色彩模型簡介

• HEX 和 RGB 描述螢幕發出多少紅、綠、藍光，是瀏覽器和設計工具內部使用的格式。
• HSL 以色相（色環上的角度）、飽和度和亮度描述顏色，方便產生同一顏色的深淺變化。
• HSV（也稱為 HSB）是大多數設計軟體取色器採用的模型。
• CMYK 描述印刷用的青、洋紅、黃、黑四色油墨。

帶有透明度的顏色，例如 #1e90ff80 或 rgb(30 144 255 / 50%)，在 HEX、RGB 和 HSL 中會附帶 alpha 色版。