Color Converter
Convert between HEX, RGB, HSL, and HSV. Live preview swatch updates as you type.
0–255
0–255
0–255
0–360
%
%
Converted values
#4A6FA5
HEX
rgb(74, 111, 165)
RGB
hsl(217, 38%, 47%)
HSL
hsv(217, 55%, 65%)
HSV
More Tools
About the Color Converter
Color codes come in many formats depending on the context. Designers often work in HEX for web, HSL for adjustments, and HSV in graphics software. This converter lets you move freely between all formats with a live preview.
Format reference
- HEX: #RRGGBB — used in HTML, CSS, SVG
- RGB: rgb(R, G, B) — used in CSS and programming
- HSL: hsl(H, S%, L%) — intuitive for designers; easy to lighten/darken
- HSV: hsv(H, S%, V%) — used in Photoshop, Figma, GIMP colour pickers
Frequently Asked Questions
What is a HEX color code?
A HEX color code is a six-digit hexadecimal number prefixed with # that represents a color. The first two digits represent red, the next two green, and the last two blue — each ranging from 00 (none) to FF (full intensity).
What is the difference between HSL and HSV?
HSL (Hue, Saturation, Lightness) defines white at L=100%, black at L=0%, and pure color at L=50%. HSV (Hue, Saturation, Value) defines white at S=0%,V=100%, black at V=0%, and pure color at S=100%,V=100%. HSL is more intuitive for designers.
Can I use any of these formats in CSS?
CSS natively supports hex (#RRGGBB), rgb(), rgba(), hsl(), and hsla() formats. HSV is not a CSS format but is used in many design tools like Photoshop and Figma.