🎨 色碼轉換器|脆新聞

OKLCH 轉 HSLA 色碼轉換器

OKLCH oklch(0.62 0.11 230) 轉換為 HSLA 的結果是 hsla(196, 67%, 45%, 1)。 在下方輸入任意 OKLCH 色碼即可即時轉換。

OKLCH：CSS Color Level 4 新標準，感知均勻的色彩空間。HSLA：帶透明度的 HSL，網頁動態效果常用。

HEX
RGB

使用任何 RGB 格式 rgb(50, 50, 50) 或 50, 50, 50

Tailwind
emerald-600

最接近的 Tailwind 顏色匹配

CMYK

色彩色階

50
F3F7F3
100
E7EEE7
200
D2DFD3
300
ADD1AF
400
83B985
500
5CA35F
600
4D8950
700
3E6F41
800
305531
900
243825
950
141F14
今天+12.5%
12,584
步數
週一
週二
週三
週四
週五
週六
週日
進度

今年平均每天的步數比去年多。

12,453
步/天
2026
2025
93%562/600 千卡移動
61%73/120 分鐘練習
67%8/12 小時站立
活躍能量

您每天約燃燒 754 千焦耳，好工作！

HSL
HSV
OKLCH
OKLAB

相關色碼轉換

HEX → HSLARGB → HSLAHSV → HSLACMYK → HSLAOKLCH → HEXOKLCH → RGBOKLCH → HSLOKLCH → HSV

什麼是 OKLCH？

CSS Color Level 4 新標準，感知均勻的色彩空間。 OKLCH 可直接用於 CSS 樣式中。

範例：oklch(0.62 0.11 230)

什麼是 HSLA？

帶透明度的 HSL，網頁動態效果常用。 HSLA 可直接用於 CSS 樣式中。

範例：hsla(196, 67%, 45%, 1)

常見問題