🎨 色碼轉換器|脆新聞

HSL 轉 OKLCH 色碼轉換器

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

HSL：色相、飽和度、亮度模型，直覺調色的首選。OKLCH：CSS Color Level 4 新標準，感知均勻的色彩空間。

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 → OKLCHRGB → OKLCHHSL → HEXHSL → RGBHSL → RGBAHSL → HSVHSL → CMYKHSL → OKLAB

什麼是 HSL？

色相、飽和度、亮度模型，直覺調色的首選。 HSL 可直接用於 CSS 樣式中。

範例：hsl(196, 67%, 45%)

什麼是 OKLCH？

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

範例：oklch(0.62 0.11 230)

常見問題