Developer ToolsFree

Color Converter

Convert colors between HEX, RGB, and HSL formats using an interactive color picker or by typing any known value. One-click copy for any format. See the exact color preview as you type. Indispensable for CSS styling, UI design, and branding work.

#34A6FD

Click to pick a color

HEX

#34A6FD

RGB

rgb(52, 166, 253)

HSL

hsl(206, 98%, 60%)

Frequently Asked Questions

Which color formats does this tool support?▼
HEX (e.g., #34a6fd), RGB (e.g., rgb(52, 166, 253)), and HSL (e.g., hsl(207, 98%, 60%)). These cover the formats used in CSS, Figma, Sketch, and all major design tools.
Can I pick a color visually instead of entering values?▼
Yes. Click the color swatch to open the browser's native color picker and visually choose any color. All three format values update instantly.
What is HSL and when is it more useful than HEX?▼
HSL (Hue, Saturation, Lightness) describes colors intuitively. Hue is the color angle (0–360°), saturation is the intensity (0–100%), and lightness is brightness (0–100%). HSL makes it easy to create color variations — lighten by increasing L, create a muted version by reducing S.