Colori e Contrasto

Questa pagina raccoglie quattro strumenti gratuiti per lavorare con i colori dell'interfaccia. Simulatore di daltonismo mostra un colore come lo percepiscono tre deficienze, Contrasto colore misura il contrasto WCAG tra due colori, e HEX in HSL converte un colore HEX in HSL. Palette colori genera varianti chiare e scure. Aiutano designer e sviluppatori a controllare leggibilità e coerenza. Tutto resta nel tuo browser, senza registrazione.

Scegli in base alla tua domanda. Simulatore di daltonismo controlla come diverse deficienze possono percepire un colore. Contrasto colore verifica il rapporto WCAG tra due tonalità. HEX in HSL traduce un codice HEX in un modello più facile per regolare luminosità e saturazione. Palette colori crea varianti chiare e scure. Per una verifica di accessibilità, inizia dal contrasto e poi prova con il simulatore. Per costruire una gamma, inizia da HEX in HSL o dalla palette.

Come si usa

Inizia con Contrasto colore per misurare il rapporto WCAG tra testo e sfondo prima di fare scelte estetiche.
Poi prova una combinazione con Simulatore di daltonismo per individuare tonalità che diventano difficili da distinguere.
Passa a HEX in HSL quando devi regolare luminosità o saturazione di un codice colore preciso.
Usa Palette colori per generare varianti chiare e scure che restino coerenti con la tonalità di partenza.

Domande frequenti

A cosa serve il contrasto WCAG?

Contrasto colore misura il contrasto WCAG tra due colori. Questo controllo aiuta a vedere se il testo e il suo sfondo restano leggibili. Lo strumento è gratuito, non richiede registrazione e funziona nel tuo browser.

Il simulatore sostituisce i test reali?

No. Simulatore di daltonismo mostra un'approssimazione per tre deficienze. Aiuta a individuare combinazioni problematiche, ma non sostituisce i riscontri delle persone interessate. Usalo insieme a Contrasto colore per un controllo più completo.

Come posso creare varianti di un colore?

Palette colori genera varianti chiare e scure. Se parti da un codice HEX, HEX in HSL può prima aiutarti a capire tonalità, saturazione e luminosità. Entrambi gli strumenti sono gratuiti e non richiedono registrazione.

In quale ordine devo controllare un'interfaccia accessibile?

Controlla prima Contrasto colore su testi e sfondi. Poi prova combinazioni con Simulatore di daltonismo. Se una tonalità deve essere regolata, usa HEX in HSL, poi Palette colori per proporre varianti coerenti. Questo ordine mette la leggibilità prima dello stile.

Quando devo usare HEX in HSL invece di Palette colori?

Usa HEX in HSL quando parti da un codice HEX e vuoi capire o cambiare tonalità, saturazione e luminosità. Scegli Palette colori quando ti servono varianti chiare e scure attorno a una base. I due strumenti possono supportarsi a vicenda.