🍱 Lunchbox Hands

Color Converter

Convert between hex, RGB, HSL, and OKLCH color formats

Enter a color in any supported format — hex (#6366f1), RGB (rgb(99, 102, 241)), or HSL (hsl(239, 84%, 67%)) — and see all other representations instantly. Click any output to copy it. A live color swatch shows you the parsed result.

HEX

#6366f1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

Related Tools

Color Palette Generator Generate harmonious color palettes from a base color Contrast Checker Check WCAG AA/AAA contrast ratios Gradient Generator Visual gradient builder with CSS output Theme Editor Generate custom shadcn/ui themes with OKLCH color variables

Get weekly dev tools and tips