Convertitore di colori

Questo è un convertitore di colori per il lavoro sul web e nel design che traduce un colore tra i tre formati che usi di più: HEX, RGB e HSL, con un campione dal vivo così puoi vedere esattamente con cosa stai lavorando.

È il collante quotidiano tra design e codice: abbinare un colore di brand da un mockup a una variabile CSS, convertire un valore che un designer ti ha dato in un formato in quello che vuole il tuo framework, o trovare una sfumatura leggermente più chiara per uno stato hover.

Tutto funziona nel tuo browser, quindi è istantaneo e nulla di ciò che inserisci viene inviato da nessuna parte.

Ogni formato descrive lo stesso colore in modo diverso. HEX (come #ff8800) è la forma compatta usata in tutto CSS e HTML. RGB indica direttamente i canali rosso, verde e blu, il modo in cui schermi e codice come canvas pensano al colore. HSL descrive tonalità, saturazione e luminosità, il che è molto più intuitivo quando vuoi ritoccare un colore: cambia la tonalità per spostarlo lungo la ruota, o la luminosità per renderlo più scuro senza scegliere a mano un nuovo codice.

Inserisci un valore HEX e gli equivalenti RGB e HSL si aggiornano all'istante, così puoi prendere il formato che lo strumento o il codice davanti a te si aspetta.

Per ora lo strumento si concentra sui colori opachi in HEX, RGB e HSL; il supporto per l'alfa (opacità) non è ancora incluso.