顏色格式轉換
在 HEX、RGB、HSL、HSV、OKLCH、CMYK 之間轉換顏色
- 檔案不會離開你的裝置
- 在瀏覽器本機執行
- 免費、免註冊、無浮水印
#FF8000oklch(73.19% 0.1858 52.98)
最接近的 CSS 顏色名稱
darkorangeΔE 3.9
格式
Lab 與 LCH 使用 D50 白點，與 CSS 的 lab()、lch() 一致。 此處 CMYK 為簡單公式換算，未使用 ICC 色彩設定檔。印刷請向印刷廠確認準確數值。
明暗色階
點擊色塊即可複製 HEX。在 OKLab 中與白色、黑色混合，階梯過渡更均勻。
如何使用顏色格式轉換
在 HEX、RGB、HSL、HSV、HWB、OKLCH、OKLab、CIE Lab/LCH、CMYK 與 Display P3 之間轉換顏色。修改任一格式，其他格式同步更新，並提供最接近的 CSS 顏色名稱與明暗色階。
- 1
在「貼上或輸入任意顏色」輸入顏色，例如 #ff8000、rgb(255 128 0)、oklch(70% 0.19 50) 或 tomato。
- 2
也可以用「開啟取色器」「從螢幕取色」或「隨機顏色」挑一個顏色開始。
- 3
在「格式」中查看或修改數值，改動任何一欄，其他欄都會跟著更新。
- 4
用「不透明度」滑桿設定透明度；開啟「現代 CSS 語法」可輸出 rgb(255 128 0 / 50%) 這類以空白分隔的寫法。
- 5
按格式旁的複製圖示，或按「明暗色階」裡的色塊複製它的 HEX。
常見問題
為什麼顯示顏色超出 sRGB？
OKLCH、Lab 和 Display P3 能描述多數螢幕無法顯示的顏色。這時 HEX、RGB、HSL 等 sRGB 格式會依 CSS 的色域對應方式顯示最接近的可顯示顏色，保留明度與色相，提示中也會寫出直接裁切會得到的顏色。
CMYK 數值可以直接拿去印刷嗎？
不行。這裡的 CMYK 是不含 ICC 色彩描述檔的簡單公式換算，準確數值請向印刷廠確認。
Lab 和 LCH 使用哪個白點？
D50，與 CSS 的 lab()、lch() 相同，數值可以直接貼進樣式表。
為什麼看不到「從螢幕取色」按鈕？
它使用瀏覽器的 EyeDropper API，Chrome、Edge 等 Chromium 核心的瀏覽器才有支援。不支援時按鈕會隱藏，可改用取色器或直接貼上顏色值。
會儲存任何資料嗎？
上次的顏色和「現代 CSS 語法」設定會存在瀏覽器的本機儲存空間，下次開啟還在。不會傳送到伺服器。