Pick and convert colors
Pick, convert, and build palettes from any color — HEX, RGB, HSL, and OKLCH — right in your browser. No upload, no server, no signup.
What people use it for
- Find the HEX or OKLCH value of a brand color from a screenshot.
- Build a shades or complementary palette for a website redesign.
- Check text/background contrast before committing to a color pair.
- Convert colors between RGB, HSL, and OKLCH for a design system.
- Generate CSS variables for Tailwind or vanilla CSS projects.
- Pick accessible color combinations for UI components.
This free color picker lets you convert between HEX, RGB, HSL, and OKLCH in real time, right in your browser. Paste a HEX code, tweak the RGB sliders, or explore perceptually uniform OKLCH values — every format stays in sync as you edit, so you can grab the exact string your CSS, Figma, or Tailwind config needs.
It works as an online color converter for designers and developers who need to translate brand colors between formats, build a quick palette, or check whether a foreground color passes WCAG contrast against white or black. The built-in palette generator gives you shades, tints, complementary pairs, analogous and triadic harmonies, and monochromatic scales you can click to inspect or download as CSS custom properties.
Everything runs locally, so any color you sample with the eyedropper or type into the fields never leaves your device. Whether you are looking for a simple HEX to RGB converter, an OKLCH color explorer, or a lightweight palette generator for your next project, this tool handles it without an upload, an account, or an email address.
How it works
- 1
Pick or type a color
Use the color input, eyedropper, or type a HEX, RGB, HSL, or OKLCH value directly.
- 2
Watch every format update
HEX, RGB, HSL, and OKLCH inputs stay in sync as you adjust the color.
- 3
Generate and export palettes
Switch between harmony modes, click any swatch to inspect it, and download the palette as CSS variables.