Convertitore Colori

RGB (Red, Green, Blue) definisce i colori come combinazione di tre canali di luce (rosso, verde, blu) con valori da 0 a 255 ciascuno. HSL (Hue, Saturation, Lightness) e un modello piu intuitivo che descrive il colore in base alla tinta (0-360 gradi), alla saturazione (0-100%) e alla luminosita (0-100%). HSL e spesso preferito dai designer perche piu facile da manipolare.

Il colore complementare si trova a 180 gradi di distanza sulla ruota cromatica. I colori complementari creano il massimo contrasto tra loro e sono usati nel design per attirare l'attenzione. Ad esempio, il complementare del blu e l'arancione, del rosso e il ciano, del verde e il magenta.

I colori analoghi sono adiacenti sulla ruota cromatica (a circa 30 gradi di distanza) e creano armonie morbide e naturali. I colori triadici sono equidistanti (a 120 gradi l'uno dall'altro) e formano un triangolo sulla ruota cromatica, creando combinazioni vivaci ed equilibrate.

Si, il formato HEX e il piu usato nel CSS e nel web design. Il formato a 6 caratteri (#RRGGBB) e supportato da tutti i browser. Puoi anche usare la versione abbreviata a 3 caratteri (#RGB) quando ciascuna coppia ha cifre identiche. Il convertitore mostra anche i formati RGB e HSL, entrambi validi in CSS.

Si parte da un codice HEX, scritto per esteso o nella forma breve a tre cifre, e si ottengono il valore RGB e il valore HSL dello stesso colore, con i tre formati pronti da copiare.

RGB descrive il colore con i tre canali rosso, verde e blu da 0 a 255. HSL lo descrive con tinta da 0 a 360 gradi, saturazione e luminosità in percentuale, ed è più comodo per schiarire o scurire una tinta.

La palette si ricava ruotando la tinta del colore di partenza: il complementare a 180 gradi, gli analoghi a 30 gradi in più e in meno, i triadici a 120 e 240 gradi. Cliccando una tinta diventa il colore attivo.