HEX, RGB and HSL Color Converter
Convert colors between HEX, RGB and HSL and copy the value ready for CSS. Pick a color or type a HEX code.
Accepts 3 or 6 digits, with or without #.
HEX#2563EB
RGBrgb(37, 99, 235)
HSLhsl(221, 83%, 53%)
CSSbackground-color: #2563eb;
How to use
- Pick a color or type a HEX code.
- The HEX field accepts 3 or 6 digits, with or without #.
- Copy the format you need.
HEX, RGB and HSL represent the same color in different encodings.
Frequently asked questions
Does it accept 3-digit HEX?
Yes, such as #fff, which is equivalent to #ffffff.
What is HSL?
It represents hue, saturation and lightness.
Can I use the value in CSS?
Yes. Copy the HEX, RGB or HSL value and use it directly in CSS.