Tarayıcınız güncel değil

Bu siteyi görüntülemek için tarayıcınızın veya cihazınızın işletim sisteminin güncellenmesi gerekiyor.

Your browser is out of date. Please update iOS or your browser to view this site.

Vai al contenuto principale
Gizke.com
Blog

Strumenti colore

Funziona sul tuo dispositivo. Nulla viene inviato.
Verifica contrasto

Contro il bianco

AA (testo normale)

5.17:1Superato

AA (testo grande)

5.17:1Superato

AAA (testo normale)

5.17:1Non superato

AAA (testo grande)

5.17:1Superato

Contro il nero

AA (testo normale)

4.06:1Non superato

AA (testo grande)

4.06:1Superato

AAA (testo normale)

4.06:1Non superato

AAA (testo grande)

4.06:1Non superato
Tonalità

Converti tra HEX, RGB e HSL, verifica il contrasto WCAG e genera una scala di tonalità, interamente nel tuo browser.

Questo strumento converte un colore tra notazione HEX, RGB e HSL, verifica il suo rapporto di contrasto WCAG rispetto a testo bianco e nero, e genera una scala di tonalità dal scuro al chiaro - tutto calcolato localmente nel tuo browser mentre digiti.

Domande frequenti

Cosa significano i livelli WCAG AA e AAA?
Sono soglie di contrasto per l'accessibilità tratte dalle Web Content Accessibility Guidelines: AA richiede almeno un contrasto di 4,5:1 per il testo normale (3:1 per il testo grande, 18pt+ o 14pt+ in grassetto), mentre il più severo AAA richiede 7:1 per il testo normale (4,5:1 per il testo grande). Soddisfare AA è la base comune per un testo accessibile.
Perché HEX/RGB/HSL possono restituire un valore leggermente diverso dopo un'andata e ritorno?
HSL memorizza tonalità, saturazione e luminosità come numeri interi arrotondati, quindi convertire RGB in HSL e viceversa può spostare un canale di uno o due punti per l'arrotondamento - è normale e accade in ogni strumento colore che supporta HSL.
Come viene generata la scala di tonalità?
Mantenendo fissi tonalità e saturazione del colore e variando solo la sua luminosità nello spazio HSL, da quasi nero a quasi bianco. È una scala semplice e prevedibile anziché percettivamente uniforme (che richiederebbe uno spazio colore più complesso), come offrono la maggior parte degli strumenti colore comuni.

Condividi questo strumento

BlogChi siamoContattiTermini di utilizzoInformativa sulla privacy