跳過導航到主內容
Calnex LogoCalnex
design

顏色轉換器

在 HEX、RGB、HSL 和 CMYK 格式之間轉換顏色。自動檢測輸入格式並查看所有色彩空間表示。

參數

輸入 HEX、RGB、HSL 或 HWB 格式的顏色

輸入顏色值的格式

結果

HEX
#3B82F6

十六進位顏色表示法

其他結果 (5)
顏色預覽
#3B82F6

顏色的視覺預覽

RGB
rgb(59, 130, 246)

Red: 59, Green: 130, Blue: 246

HSL
hsl(217, 91%, 60%)

Hue: 217°, Saturation: 91%, Lightness: 60%

CMYK
cmyk(76%, 47%, 0%, 4%)

Cyan: 76%, Magenta: 47%, Yellow: 0%, Black: 4%

命名顏色
Royal Blue (closest match)

CSS 命名最接近此顏色的顏色

輸入與結果範例

#3B82F6
rgb(59, 130, 246)

CMYK換算為不帶ICC設定的數學近似,不能預測特定印表機和紙張的輸出顏色。

點解揀 顏色轉換器

顏色轉換器可在 HEX、RGB、HSL 和 CMYK 格式之間轉換顏色,並自動偵測輸入格式。它還識別最接近的名為顏色的 CSS,使其成為網頁設計師和開發人員的必備工具。

  • ✓在 HEX、RGB、HSL 和 CMYK 顏色格式之間進行轉換
  • ✓自動偵測輸入顏色格式
  • ✓顯示最接近的 CSS 命名顏色匹配
  • ✓所有值均可複製,可在 CSS 或設計工具中使用

使用步驟

  1. 1以任何支援的格式(HEX、RGB、HSL、HWB)輸入色彩值
  2. 2選擇輸入格式或保留為自動偵測
  3. 3立即查看所有顏色格式表示
  4. 4複製 CSS 或設計工具所需的格式
  5. 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 命名顏色。如果您的顏色與指定顏色完全匹配,則顯示完全匹配。否則,它會顯示最接近的命名顏色,這可能與您的輸入略有不同。

權威參考資料

CSS Color Module Level 4 - W3C

睇來源

Color Values - MDN Web Docs

睇來源

Named CSS Colors

睇來源