Com convertir un color
- Fes clic al quadre de color per triar-ne un, o escriu-lo al camp de text.
- Pots escriure'l en HEX (#1e90ff), com a rgb(), com a hsl() o pel seu nom en anglès.
- Mira el color a la vista prèvia amb els seus equivalents HEX, RGB, HSL i CMYK.
- Copia el format que necessitis i comprova el contrast amb text blanc o negre.
Per a què serveix
Dissenyadors i desenvolupadors sovint han de passar un color d'un format a un altre: el HEX d'una paleta, el rgb() d'un full d'estil, l'HSL per crear variants més clares o més fosques. Aquesta eina ho fa en un pas.
També calcula el contrast del color amb text blanc i amb text negre, seguint les pautes d'accessibilitat WCAG: 4,5:1 per complir el nivell AA i 7:1 per al nivell AAA amb text normal.
CMYK és una conversió senzilla, útil com a referència; per a la impressió professional has de fer servir el perfil de color del teu programa de disseny.
Coses a tenir en compte
- CMYK es calcula a partir de RGB amb la fórmula estàndard, sense perfil de color, de manera que pot diferir del que veuràs imprès.
- Els noms de color funcionen en anglès (red, tomato, navy…).
- El selector natiu pot tenir un aspecte diferent segons el navegador i el dispositiu.
Preguntes freqüents
Com converteixo HEX a RGB?
Escriu el HEX (per exemple #1e90ff) i l'eina mostra a l'instant el rgb() equivalent, juntament amb l'HSL i el CMYK.
Què és el contrast WCAG?
Mesura com de llegible és un text sobre un fons. Una proporció de 4,5:1 compleix el nivell AA i 7:1 el AAA, per a text normal.
Accepta colors amb transparència?
Sí: pots escriure #rrggbbaa, rgba() o hsla() i es mostren també amb la seva transparència.
S'envia res a un servidor?
No. Tot es calcula al teu navegador.
És gratis?
Sí, és gratis, no cal registrar-se i funciona directament al navegador.