Color Converter
Color Values
e.g. #1976D2
e.g. rgb(25, 118, 210)
e.g. hsl(210, 79%, 46%)
Live Preview
Native Picker:
How to use
1.
Enter a color in HEX, RGB, or HSL format
2.
All three formats update simultaneously — copy whichever you need
Common uses
▸
Converting HEX colors from a design file to CSS rgb()
▸
Adjusting HSL values to find lighter or darker variants
▸
Translating colors between design tools and code