Make Tools
🎨

Color Converter (HEX, RGB, HSL)

Convert colors between HEX, RGB, HSL, and CMYK formats. Pick colors with a visual color picker and get values in all formats instantly.

HEX
#2563EB
Click to copy
RGB
rgb(37, 99, 235)
Click to copy
HSL
hsl(221, 83%, 53%)
Click to copy
R: 37
G: 99
B: 235

Frequently Asked Questions

What color formats are supported?
The tool supports HEX (#RRGGBB), RGB (rgb(r,g,b)), HSL (hsl(h,s%,l%)), and CMYK color formats.
What is the difference between HEX and RGB?
Both represent the same colors using different notation. HEX uses hexadecimal (base-16) values, while RGB uses decimal numbers from 0-255 for each channel.
When should I use HSL?
HSL (Hue, Saturation, Lightness) is more intuitive for adjusting colors. Changing brightness or saturation is easier in HSL than in RGB or HEX.

Related Tools

🎨CSS Formatter & Minifier🌈CSS Gradient Generator💨CSS Box Shadow Generator

How to Use

  1. 1 Use the color picker or enter a value in HEX, RGB, HSL, or CMYK format.
  2. 2 See the color swatch and all format values update in real time.
  3. 3 Copy any format value (e.g., #FF5733 or rgb(255,87,51)) for use in CSS.