Che cos'è un convertitore di colori?
Il Convertitore di Colori è un kit completo per designer e sviluppatori front-end. Incolla un colore in qualsiasi formato comune — HEX, RGB, RGBA, HSL, HSLA, HSV/HSB o il moderno OKLCH — oppure sceglilo visivamente, e tutti gli altri formati si aggiornano all’istante con un pulsante di copia. Oltre alla conversione, genera una palette armoniosa (colori complementari, analoghi e triadici) dal tuo colore base e include una verifica del contrasto WCAG per assicurare che il testo resti accessibile su qualsiasi sfondo. Tutto viene eseguito nel tuo browser: veloce, privato e sempre disponibile.
I colori sugli schermi sono definiti da numeri, ma questi numeri possono essere scritti in diversi formati — HEX (#ff6b35), RGB (255, 107, 53), HSL (18°, 100%, 60%) e altri. Ogni formato è preferito in un contesto diverso.
Come Funziona
- Usa il selettore di colore o digita un valore (es. #6366f1 o rgb(99,102,241)) nel campo.
- Leggi ogni formato nell’elenco e copialo con il suo pulsante.
- Esplora la palette generata e usa la verifica del contrasto per testare il testo su uno sfondo.
Casi d'Uso
- Convertire il colore di un brand da HEX (fornito da un designer) in HSL per regolare luminosità o saturazione in CSS.
- Tradurre un valore RGB di uno strumento grafico in una stringa HEX pronta per il CSS.
- Verificare visivamente come appare un valore di colore passando tra formati per il codice.
- Imparare la teoria del colore vedendo come lo stesso colore è rappresentato in modelli diversi.
Come funziona la conversione dei colori
HEX è semplicemente RGB scritto in base 16: #ff6b35 significa R=255, G=107, B=53. Convertire HEX in RGB è una decodifica da base 16 a base 10. Convertire RGB in HSL segue una formula matematica.
Lo strumento mostra un'anteprima live del colore così puoi confermare la conversione a colpo d'occhio.
Vantaggi
- Converti all’istante tra HEX, RGB, HSL, HSV e OKLCH senza ricordare formule.
- Crea interfacce accessibili verificando il contrasto WCAG AA/AAA per testo normale e grande.
- Genera palette complementari, analoghe e triadiche per velocizzare il lavoro di design.
Conversão de Cores Instantânea e Local (IT)
Conversões de formato de cor são computadas usando algoritmos JavaScript no seu navegador. Os valores de cor que você insere nunca são transmitidos aos nossos servidores — toda a conversão fica na sua máquina. (IT)