Convertidor de colors

Aquest és un convertidor de colors per a la feina web i de disseny que tradueix un color entre els tres formats que fas servir més: HEX, RGB i HSL, amb una mostra en directe perquè vegis exactament amb què estàs treballant.

Aquesta és la cola de cada dia entre el disseny i el codi: fer coincidir un color de marca d'una maqueta amb una variable CSS, convertir un valor que un dissenyador t'ha donat en un format al que vol el teu framework, o trobar un to una mica més clar per a un estat de passar-hi el ratolí per sobre.

Tot s'executa al teu navegador, així que és instantani i res del que introdueixes s'envia enlloc.

Cada format descriu el mateix color de manera diferent. HEX (com #ff8800) és la forma compacta que es fa servir arreu del CSS i l'HTML. RGB indica directament els canals de vermell, verd i blau, que és com pensen el color les pantalles i el codi com el canvas. HSL descriu to, saturació i lluminositat, cosa molt més intuïtiva quan vols retocar un color: canvia el to per desplaçar-lo per la roda, o la lluminositat per enfosquir-lo sense triar un codi nou a mà.

Introdueix un valor HEX i els equivalents RGB i HSL s'actualitzen a l'instant, així que pots agafar el format que esperi l'eina o el codi que tinguis al davant.

De moment l'eina se centra en colors opacs en HEX, RGB i HSL; la compatibilitat amb l'alfa (opacitat) encara no s'hi inclou.