Color Converter
Convert colors between HEX, RGB, HSL, and HSV formats instantly. Click the preview to open the color picker, or type values directly.
Click the preview to pick a color
Edit any field to update all others in real time. Copy buttons format values as CSS-ready strings.
About Color Spaces
HEX is the most common format in web design, representing red, green, and blue channels as a six-digit hexadecimal number (e.g., #2563eb). RGB uses decimal values from 0 to 255 for each channel and is the native format for CSS rgb() functions. HSL (Hue, Saturation, Lightness) is popular with designers because it maps more intuitively to how humans perceive color — adjusting lightness or saturation is straightforward. HSV (Hue, Saturation, Value) is closely related to HSL but measures "brightness" differently; it is the model used by most color pickers in graphics software like Photoshop and Figma. Converting between these formats is essential when moving between design tools, writing CSS, or matching brand colors across platforms.
FAQ
What's the difference between HSL and HSV?
How do HEX color codes work?
#2563eb is made up of three pairs of hexadecimal digits representing red (25), green (63), and blue (eb). Each pair ranges from 00 (0) to ff (255). The hash symbol (#) is a convention that signals a hex color value.
Can I use this for CSS colors?
rgb() and hsl() CSS functions. HSV is not natively supported in CSS, but you can use the HEX or HSL equivalent instead.