Convertitore di colori: HEX, RGB, HSL, HSV, CMYK
Converti i colori tra HEX, RGB, HSL, HSV e CMYK, verifica il contrasto e crea una palette.
CSS
color: #2563eb;color: rgb(37, 99, 235);color: hsl(221, 83%, 53%);
Contrasto WCAG
Calcolato con il colore opaco come colore del testo.
Rapporto: 5.17:1
- Testo AA: Superato
- Testo grande AA: Superato
- Testo AAA: Non superato
- Testo grande AAA: Superato
Rapporto: 4.06:1
- Testo AA: Non superato
- Testo grande AA: Superato
- Testo AAA: Non superato
- Testo grande AAA: Non superato
Palette
Fai clic su un campione per selezionarlo.
Tonalità più chiare e più scure
Colore complementare
Colori analoghi
Come si usa
Scegli un colore con il selettore oppure digitalo in un qualsiasi campo: tutti gli altri formati si aggiornano all'istante. Sono accettati i codici HEX di 3, 4, 6 o 8 cifre (per esempio #f80 o #ff880080), così come le notazioni rgb(), rgba(), hsl(), hsla(), hsv() e cmyk(). Il cursore imposta l'opacità (alfa).
Il pulsante accanto a ogni campo copia il suo valore e la sezione CSS ti fornisce righe color: già pronte.
Contrasto e accessibilità
Lo strumento calcola il rapporto di contrasto WCAG tra il colore scelto e il bianco e il nero. Per il testo normale, il livello AA richiede almeno 4,5:1 e il livello AAA 7:1. Per il testo grande (circa 24 px, o 19 px in grassetto) servono rispettivamente 3:1 e 4,5:1.
Il contrasto viene calcolato senza trasparenza, cioè con il colore completamente opaco.
Palette, CMYK e privacy
La palette mostra le tonalità più chiare e più scure (miscelate con bianco o nero), il colore complementare (opposto sulla ruota dei colori) e i colori analoghi. Fai clic su un campione per impostarlo come colore corrente.
Qui il CMYK viene calcolato con una semplice formula matematica, quindi il risultato stampato può differire: i colori di stampa accurati dipendono dalla stampante e dal profilo colore. Tutti i calcoli vengono eseguiti nel browser e nessun dato viene inviato altrove.