Cada format de color descriu la mateixa cosa en un idioma diferent: HEX per a fulles d'estil, RGB per a pantalles i codi, HSL per crear paletes i CMYK per a impressió. Tria la conversió que necessites i obtén el valor exacte, una previsualització en directe i la fórmula que s'hi aplica.
Els quatre formats de color
Què és HEX?
Un codi HEX és un nombre hexadecimal de sis dígits que emmagatzema els canals vermell, verd i blau d'un color darrere d'una # inicial. Cada parella de dígits cobreix un canal, de 00 (cap) a FF (complet), cosa que proporciona els mateixos 16,7 milions de colors que RGB amb una notació molt més curta. HEX és la predeterminada en CSS, eines de disseny i guies de marca.
- Sintaxi:
- #RRGGBB
- Millor per:
- CSS, lliurament de disseny, guies de marca
Què és RGB?
RGB descriu un color com tres canals de llum — vermell, verd i blau — cadascun de 0 a 255. Reflecteix com funcionen realment les pantalles: tots tres a 255 donen blanc, tots tres a 0 donen negre. RGB és la opció correcta quan necessites calcular amb un color, i rgba() afegeix transparència a sobre.
- Sintaxi:
- rgb(R, G, B)
- Millor per:
- codi, canvas, transparència amb rgba()
Què és HSL?
HSL divideix un color en to (0–360° a la roda de colors), saturació (quant de colorat, 0–100%) i lluminositat (quant de clar, 0–100%). Com que cada part coincideix amb la manera com la gent descriu el color, HSL és el format més fàcil per crear tintes, ombres i paletes coherents — a mà o en codi.
- Sintaxi:
- hsl(H, S%, L%)
- Millor per:
- paletes, tintes i ombres, tematització
Què és CMYK?
CMYK és el model de quatre tintes utilitzat en impressió: cian, magenta, groc i key (negre), cada una com a percentatge de 0 a 100. La tinta resta llum en lloc d'emetre-la, així que CMYK abasta menys colors que una pantalla — per això els colors vius de pantalla sovint semblen més apagats quan s'imprimeixen.
- Sintaxi:
- cmyk(C%, M%, Y%, K%)
- Millor per:
- impressió, embalatge, arte final per a premsa