🎨 Color Converter

Convert colors between HEX, RGB, and HSL formats with a live preview. Pick any color using the browser color picker or type a HEX code — get converted values instantly.

HEX is the most common format in CSS and HTML. RGB is used in CSS and image editors. HSL (Hue, Saturation, Lightness) is more intuitive for humans — adjust color, intensity, and brightness separately.

For developers: Convert design colors from Figma/Photoshop (HEX) to CSS (RGB or HSL). For UI designers: Try different colors and copy the right format. For anyone working with colors.

Example: Blue #3B82F6 → RGB: 59,130,246 → HSL: 217°, 91%, 60%. Red #FF0000 → RGB: 255,0,0 → HSL: 0°, 100%, 50%. Works entirely in your browser — no data uploaded.