Tools of HumanityFree Calculators
Hosted on Hostinger — from $2.99/month.
Get Hosting →
Home/Dev Tools/Colour Converter

Colour Converter

Convert colours between HEX, RGB, HSL, and CMYK. Use the colour picker or type directly into any field. Click any shade to jump to it.

#FFD700
#
RGB
rgb(255, 215, 0)
HSL
hsl(51, 100%, 50%)
CMYK
cmyk(0%, 16%, 100%, 0%)
CSS Named / Other
background: #FFD700;
rgba(255, 215, 0, 1)
Shades & Tints
Frequently Asked Questions
What is HEX colour format?

HEX uses a 6-digit code like #FF5733. First two digits are red, middle two green, last two blue — each 00 to FF (0-255 decimal).

What is the difference between RGB and RGBA?

RGB defines red, green, blue channels (0-255). RGBA adds Alpha (0-1) for transparency — 0 is fully transparent, 1 is fully opaque.

What is HSL colour?

Hue (0-360° colour angle), Saturation (0-100% intensity), Lightness (0% black to 100% white). More intuitive for designers than RGB.

How do I convert HEX to RGB?

Split into three pairs and convert each from hex to decimal. For #FF5733: FF=255, 57=87, 33=51 → RGB(255, 87, 51).

What colour format should I use in CSS?

HEX for solid colours, RGBA for transparency, HSL when programmatically adjusting hue or lightness. All modern browsers support all three.