Cosa fa questo tool
Lo stesso colore appare diverso a seconda del modello usato per descriverlo. HEX e RGB sono valori del dispositivo; HSL è intuitivo per ritoccare; OKLCH è percettivamente uniforme, quindi variazioni di luminosità restano visivamente uniformi. Questo convertitore mostra tutti e quattro e controlla il contrasto WCAG.
Come si usa
- Scegli un colore o incolla un valore HEX.
- Leggi i quattro formati.
- Controlla il contrasto prima di usarlo per il testo.
Domande
Cos'è OKLCH?
Uno spazio colore percettivo con luminosità, croma e tinta. Passi di luminosità uguali appaiono uguali, rendendo le palette più prevedibili.
Quale standard di contrasto usa?
WCAG 2.1: AA richiede 4.5:1 per testo normale e 3:1 per testo grande; AAA richiede 7:1 e 4.5:1.
Perché HSL non è percettivo?
In HSL, valori di luminosità uguali non appaiono ugualmente chiari tra tinte diverse: giallo e blu al 50% sono molto diversi.