Convertitore colori e strumenti CSS

Lo stesso colore, quattro modi di scriverlo

Lo studio grafico consegna il logo in CMYK per la tipografia, il sito lo vuole in HEX, il foglio di stile usa HSL per gestire le varianti più chiare. I convertitori di questa sezione passano da un formato all'altro, in tutte le combinazioni tra HEX, RGB, HSL e CMYK. Un esempio: il rosso #FF0000 corrisponde a rgb(255, 0, 0), a hsl(0, 100%, 50%) e a CMYK 0, 100, 100, 0.

Va tenuto presente che il passaggio verso CMYK è un calcolo diretto e non conosce il profilo della stampante: per una stampa importante conviene chiedere una prova colore al tipografo.

Oltre la conversione

Chi deve ancora scegliere una tinta parte dal selettore colore, che mostra i codici del colore scelto. Il generatore di palette propone colori che stanno bene insieme, utile per una presentazione o per un sito. La verifica contrasto colori controlla se testo e sfondo rispettano le soglie WCAG di leggibilità, le stesse richieste per l'accessibilità dei siti della pubblica amministrazione. Per il CSS ci sono il generatore di gradienti e il generatore box shadow, che restituiscono il codice da copiare. Tra i convertitori, i più usati restano da HEX in RGB e da RGB in HEX.