Color Converter

Convert between HEX, RGB, and HSL color formats with live preview.

HEXRGB

rgb(34, 211, 238)

HSL

hsl(188, 84%, 53%)

Quick Palette

About Color Conversion

HEX, RGB, and HSL are three common ways to represent colors in web development. HEX codes like #22d3ee are used in CSS, design tools, and brand guidelines. RGB (Red, Green, Blue) defines colors by mixing light channels from 0-255. HSL (Hue, Saturation, Lightness) is more intuitive for adjusting brightness and vibrancy.

This converter instantly translates between all three formats with a live preview. Useful for CSS development, Tailwind color customization, Figma-to-code workflows, and accessibility contrast checks. All conversions happen locally in your browser.