Color Converter & Palette

Your data stays in your browser

Enter any color value

Enter a color in any format: HEX (#ff6b35), RGB (rgb(255, 107, 53)), HSL, HWB, OKLCH, OKLAB, or a CSS named color like "coral".

Visual Picker

Color Picker

EyeDropper API is not available in this browser. Use Chrome or Edge for screen color picking.

Hue: 0°

Opacity: 100%

Try an Example (Convert #FF6B35)

100% client-side processing

About Color Formats

HEX uses six hexadecimal digits (#RRGGBB) for compact color representation on the web. RGB defines colors as red, green, and blue channels from 0 to 255. HSL describes colors by hue (0-360), saturation (0-100%), and lightness (0-100%).

OKLCH is a modern, perceptually uniform color space that produces consistent palettes and better gradients. It uses lightness, chroma, and hue in a way that matches human perception, making it ideal for design systems and CSS custom properties.

Quick Tips

Auto-detects HEX, RGB, HSL, HWB, OKLCH, and named colors
Use the Contrast tab to check WCAG AA/AAA compliance
Export palettes as CSS Variables, Tailwind, SCSS, or JSON
Share results via URL parameters