使用方式
- 輸入或貼上顏色，例如 #1e90ff、rgb(30 144 255) 或 oklch(65% 0.18 250)。也可以點選取色器。
- 確認色彩樣本是否為您預期的顏色。
- 從清單複製所需格式。含透明度的數值會保留 alpha。
運作方式
支援的輸入格式：3、4、6 或 8 位數的 HEX（第 4 和第 8 位數為 alpha）、使用數字或百分比的 rgb() 和 rgba()、hsl() 和 hsla()、hwb()、oklch()，以及使用百分比或 0 到 100 數值的 cmyk()。支援傳統的逗號語法，以及使用「/ alpha」的現代空格語法。色相可使用 deg、turn、rad 和 grad。無法讀取「tomato」等命名顏色；請使用取色器或輸入色碼。
所有格式轉換都會經過 sRGB。HSL 和 HWB 是 RGB 數值的簡單轉換，因此可以精確換算。OKLCH 是感知色彩空間：其明度以相同幅度變化時，視覺上的差異大致相同，因此適合用來建立調色盤。計算方式採用已公開的 OKLab 矩陣。部分 OKLCH 顏色超出 sRGB 可顯示範圍；工具會標示並顯示最接近的可顯示顏色。
CMYK 採用常見的簡易公式計算（K = 1 − 最大的 RGB 色彩通道值）。實際印刷結果會受紙張、油墨和 ICC 描述檔影響，因此請將這些數值視為起始參考，而非印刷規格。
範例
將品牌 HEX 色碼轉換為 CSS
樣式指南提供了 #0b5d1e。貼上後即可取得適用於舊版 CSS 的 rgb(11, 93, 30)、方便手動調整明度的 hsl(133.9, 78.8%, 20.4%)，以及適用於現代 CSS 色彩函式的 oklch() 數值。
查看含透明度的顏色
rgba(0, 0, 0, 0.5) 會轉換為 #00000080。最後兩位 HEX 數字（80）代表 alpha：128/255，約為 50%。
檢查設計檔中的 OKLCH 數值
oklch(70% 0.4 150) 是一種飽和度極高的綠色，sRGB 螢幕無法顯示。工具會標示此情況並提供最接近的 sRGB 顏色，讓您知道這項設計在大多數顯示器上看起來會有所不同。
常見問題
為什麼轉換成 HSL 再轉回來，HEX 有時會差一個數值？
HEX 會以 0 到 255 的整數表示各色彩通道。其他格式的數值會四捨五入後顯示（HSL 會取至小數點後一位），將四捨五入後的數值轉回原格式時，結果可能會差一個數值。若需要完全一致的原始數值，請複製 HEX。
這個 CMYK 數值適合用於印刷嗎？
不一定。此工具使用未套用色彩描述檔的簡易公式。印刷機會使用 FOGRA 或 GRACoL 等描述檔，換算出的數值可能不同，請洽詢印刷廠，或使用支援色彩管理的應用程式進行轉換。
什麼是 OKLCH？可以在 CSS 中使用嗎？
OKLCH 以感知明度、彩度（色彩鮮豔程度）和色相描述顏色。目前主要瀏覽器的最新版本都支援在 CSS 中使用 oklch()。若要支援較舊的瀏覽器，請提供 HEX 或 rgb() 作為備用值。
8 位數 HEX 色碼代表什麼？
#RRGGBBAA：最後兩位數字代表不透明度，從 00（完全透明）到 ff（完全不透明）。4 位數格式 #RGBA 的原理相同，每個色彩通道以一位數表示。
隱私權
顏色會在您的瀏覽器中轉換。您輸入的內容不會傳送至任何地方，也不會儲存。