OKLCH Color Picker
Professional OKLCH color picker and converter with real-time preview, gamut checking, and multiple format support.
使用指南
1. 调整颜色:使用左侧的 L(亮度)、C(彩度)、H(色相)滑块来调整 OKLCH 颜色值,实时预览颜色效果。
2. 格式转换:在右侧面板中查看并复制多种格式的颜色值,包括 OKLCH、HEX、RGB、HSL 和 LAB。
3. 输入颜色:在输入框中直接输入任何颜色值(如 #FF5733、rgb(255,87,51)),自动转换为 OKLCH 格式。
4. 色域检查:查看颜色在不同色域(sRGB、P3、Rec2020)中的兼容性。
5. 复制使用:点击任意格式旁的复制按钮,将颜色值复制到剪贴板,用于你的 CSS 或设计项目中。
🎨Color & Controls
oklch(70% 0.150 180)
sRGB
P3
Rec2020
Lightness (L)
Chroma (C)
Hue (H)
Alpha (A)
📋Formats & Tools
Input (Auto-detect)
Output Formats
OKLCH
oklch(70% 0.150 180)HEX
#00bca2RGB
rgb(0, 188, 162)HSL
hsl(173.99, 100%, 23.41%)LAB
lab(67.08 -53.09 -0.37)LCH
lch(67.08 53.09 180.39)Quick Actions
Presets