颜色转换器 (HEX/RGB/HSL/OKLCH)
免费的颜色转换器。实时预览转换 HEX、RGB、HSL、OKLCH 和命名的 CSS 颜色。适用于设计师、开发者和无障碍调色板。
Runs in your browserUpdated Apr 18, 2026
Color Input
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
OKLCH
oklch(0.623 0.188 259.8)
常见问题
›What color formats are supported?
HEX, RGB, HSL, OKLCH and named CSS colors. Conversions happen instantly in both directions.
›What is OKLCH?
OKLCH is a perceptually uniform color space supported by modern browsers — great for accessible palettes and consistent lightness across hues.
›Why use OKLCH instead of HSL?
HSL lightness varies wildly between hues (yellow at 50% looks much lighter than blue at 50%). OKLCH fixes this — same L means same perceived lightness.
›Are alpha values supported?
Yes — RGBA, HSLA and 8-digit HEX with alpha all work.
›Is the converter free?
Yes — fully free, no signup.