顏色轉換器
在 HEX、RGB、HSL 和 CMYK 格式之間轉換顏色。自動檢測輸入格式並查看所有色彩空間表示。
參數
輸入 HEX、RGB、HSL 或 HWB 格式的顏色
輸入顏色值的格式
結果
#3B82F6
十六進位顏色表示法
其他結果 (5)
顏色的視覺預覽
rgb(59, 130, 246)
Red: 59, Green: 130, Blue: 246
hsl(217, 91%, 60%)
Hue: 217°, Saturation: 91%, Lightness: 60%
cmyk(76%, 47%, 0%, 4%)
Cyan: 76%, Magenta: 47%, Yellow: 0%, Black: 4%
CSS 命名最接近此顏色的顏色
輸入與結果範例
#3B82F6rgb(59, 130, 246)CMYK換算為不帶ICC設定的數學近似,不能預測特定印表機和紙張的輸出顏色。
點解揀 顏色轉換器
顏色轉換器可在 HEX、RGB、HSL 和 CMYK 格式之間轉換顏色,並自動偵測輸入格式。它還識別最接近的名為顏色的 CSS,使其成為網頁設計師和開發人員的必備工具。
- ✓在 HEX、RGB、HSL 和 CMYK 顏色格式之間進行轉換
- ✓自動偵測輸入顏色格式
- ✓顯示最接近的 CSS 命名顏色匹配
- ✓所有值均可複製,可在 CSS 或設計工具中使用
使用步驟
- 1以任何支援的格式(HEX、RGB、HSL、HWB)輸入色彩值
- 2選擇輸入格式或保留為自動偵測
- 3立即查看所有顏色格式表示
- 4複製 CSS 或設計工具所需的格式
- 5檢查最接近的命名顏色以供快速參考
常見問題 (FAQ)
HEX 和 RGB 有什麼不同?
HEX 和 RGB 不同地表示相同的顏色資料。 HEX 使用基於 16 的表示法 (#RRGGBB),而 RGB 使用十進位值 (rgb(R, G, B))。例如#FF0000和rgb(255,0,0)都代表純紅色。
什麼時候應該使用 HSL 而不是 HEX?
HSL(色相、飽和度、亮度)對於調整色彩較為直覺。您可以輕鬆地使顏色變淺(增加 L)、更鮮豔(增加 S)或更改其色調。 HEX 更適合精確的顏色規格並與設計工具共用。
CMYK 有何用途?
CMYK(青色、洋紅色、黃色、基底色/黑色)用於印刷設計。與 RGB 不同,CMYK 是加法(基於光),而 CMYK 是減法(基於墨水)。在準備印刷數位設計時,將 RGB 轉換為 CMYK 至關重要。
我可以使用此工具從 HWB 進行轉換嗎?
是的。 HWB(色相、白度、黑度)是一種較新的 CSS 顏色格式,可以直觀地調整顏色。以 hwb(H W% B%) 格式輸入 HWB 值,工具會將其轉換為所有其他格式。
最接近的命名顏色匹配的準確度如何?
該工具使用 RGB 空間中的歐幾里德距離來找到最接近的 CSS 命名顏色。如果您的顏色與指定顏色完全匹配,則顯示完全匹配。否則,它會顯示最接近的命名顏色,這可能與您的輸入略有不同。
權威參考資料
相關工具
繼續探索同一情境下的實用工具。
