01
Choose a Color
Pick a color or enter HEX, RGB, HSL or HSV values manually.
Color Input
Choose a color format
Enter values manually or choose a color using the native color picker.
Pick a Color
Click the color box to open your system color picker.
#3B82F6
Input Format
Quick Colors
Select oneColor Converted
Color values
Copy the same color in HEX, RGB, HSL or HSV format.
Current Color
#3B82F6
rgb(59, 130, 246)
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
HSV
hsv(217, 76%, 96%)
RGB Channels
Red
59
Green
130
Blue
246
217°
Hue
91%
Saturation
60%
Lightness
217°
HSV Hue
76%
HSV Sat.
96%
Value
CSS Examples
HEX
color: #3B82F6;RGB
color: rgb(59, 130, 246);HSL
color: hsl(217, 91%, 60%);HSV and CSS
HEX, RGB and HSL can be used directly in standard CSS. HSV is useful in color editing and design tools, but standard CSS does not use an hsv() color function.
Color Format Reference
HEX, RGB, HSL and HSV
Each format represents the same color using a different color model.
HEX
#3B82F6
Hexadecimal representation of red, green and blue color channels.
RGB
rgb(59, 130, 246)
Uses red, green and blue values ranging from 0 to 255.
HSL
hsl(217, 91%, 60%)
Uses hue, saturation and lightness to describe a color.
HSV
hsv(217, 76%, 96%)
Uses hue, saturation and value, commonly used in color pickers.
Simple Process
Convert Colors in 3 Steps
Choose or enter a color, convert it automatically and copy its HEX, RGB, HSL or HSV value.
02
Convert Automatically
The converter calculates equivalent values in every supported color model.
03
Copy Color Values
Copy HEX, RGB, HSL or HSV values for use in your project.