Tune a color with HSV, HSL, and RGB sliders, then copy HEX, RGB, HSL, OKLCH, or a CSS named-color match. The live square doubles as a value-saturation surface so you can drag toward the exact tone you need without hunting through color models.
HEX is the compact web shorthand, RGB names the screen channels, HSL separates hue from lightness for quick tinting, and OKLCH is a perceptually uniform space that makes equal numeric steps feel like equal visual steps. The picker copies all four plus the nearest CSS named color.
The picker shows HEX, RGB, HSL, OKLCH, and the nearest CSS named-color match.
Yes. Type or paste a HEX color in the HEX field and the sliders update to match it.
Yes. You can adjust HSV, HSL, and RGB sliders for precise channel-level control.
Yes. The selected RGB color is encoded into the URL and restored when the link is opened.
No. It helps choose and copy colors, but you should still test contrast and accessibility in context.
Create harmonious 5-color palettes with copyable HEX, RGB, and HSL values.
Build clean linear gradients and copy CSS output.
Convert HEX into RGB, convert RGB back to HEX, and process bulk color lists.