Color Converter
Convert colors between hex, RGB, HSL, and OKLCH.
frontend & web · client-side · works offline
Loading tool…
Convert colors between hex, RGB, HSL, and OKLCH
Paste a color in hex (#c2410c), rgb(), or hsl() - or pick one visually - and this color converter shows it in all four notations at once, with a live swatch so you can confirm it's the color you meant. OKLCH output is included because modern CSS supports it natively and its lightness channel is perceptually uniform, making it far better for building color scales than HSL.
Conversions use the standard sRGB math (and the OKLab transform for OKLCH), run instantly, and work offline after load. Nothing is uploaded and nothing is tracked. When you've picked a color, check it against your background with the color contrast checker to keep text WCAG-compliant.
More in Frontend & Web
- /tools/css-gradient-generator
CSS Gradient Generator
Design linear and radial gradients with live CSS output.
Open tool - /tools/box-shadow-generator
Box-Shadow Generator
Craft layered CSS box-shadows with a live preview.
Open tool - /tools/color-contrast-checker
Color Contrast Checker
Check WCAG AA/AAA contrast ratios for any color pair.
Open tool
built by algocrew
Need more than a toolbox? AlgoCrew builds the rest.
Web, mobile, cloud, and AI products — shipped by the studio that maintains these tools. If Vibecode saved you time today, imagine what a dedicated team does for your roadmap.