Selettore, convertitore, tavolozze, contrasto e visione
Sette lavori sul colore, una barra condivisa, ogni numero calcolato qui
Sette pannelli su un colore condiviso: scegli e converti, verifica il contrasto, costruisci una tavolozza, costruisci una scala, costruisci una sfumatura, estrai una tavolozza da un'immagine e guarda il tutto attraverso tre forme di visione dei colori. Cambia il colore in un pannello e ogni altro ne sta già parlando.
Le conversioni seguono CSS Color Level 4, curva di trasferimento sRGB a tratti reale compresa anziché una gamma di 2,2, adattamento di Bradford fra D65 e D50 per Lab, e rientro nel gamut riducendo la croma in OKLCH. Per questo i numeri qui coincidono con ciò che dipinge il browser invece di essere uno o due per cento fuori.
Dice il rapporto WCAG 2.2 e quali requisiti la coppia soddisfa. Non dice che la tua pagina è accessibile, perché il contrasto è un criterio di successo fra molti - ordine di focus, etichette, percorsi da tastiera, movimento e struttura sono altrettanti - e una pagina dal contrasto perfetto può restare inutilizzabile.
APCA sta dietro un pannello a scomparsa ed è etichettato come informazione di bozza per WCAG 3. Modella come il contrasto si legge a una data dimensione e a un dato peso, cosa che WCAG 2 non fa, ma oggi nulla viene misurato su di esso, e mostrarlo alla pari travisrebbe entrambi.
La proiezione di Vienot, Brettel e Mollon, applicata in luce lineare. Risponde alla domanda che vale la pena porsi - questi due si distinguono ancora? - invece di fingere di fotografare ciò che vede una persona specifica. È un modello di una forma della condizione, e il pannello lo dice.
Le funzionalità più importanti spiegate in modo pratico.
HEX, RGB, HSL, HWB, OKLCH, OKLab, Lab, LCH, Display P3 e i 148 colori con nome, ognuno con il suo pulsante di copia. I valori fuori gamut sono segnalati e riportati dentro riducendo la croma in OKLCH, come prevede la specifica.
Il rapporto e quali fra i requisiti normale AA, grande AA, interfaccia AA, normale AAA e grande AAA la coppia soddisfa. I colori semitrasparenti sono prima composti sul colore della pagina, esattamente come li dipinge un browser: un errore che la maggior parte dei verificatori commette.
Quando una coppia manca l'obiettivo, la tinta più vicina dello stesso colore viene cercata per luminosità e croma in OKLCH, e ogni candidata è rimisurata dopo l'arrotondamento a otto bit, perché una ricerca nello spazio continuo può restituire un colore che fallisce una volta diventato esadecimale.
Sette armonie e una scala di undici passi da 50 a 950, costruite ruotando la tinta e scalando la luminosità in uno spazio percettivo. Esportazione in proprietà personalizzate CSS, variabili SCSS, JSON o elenco semplice.
Sfumature lineari, radiali e coniche con punti trascinabili, interpolate in OKLCH perché dal blu al giallo non si passi per il fango. La forma sRGB semplice viene emessa accanto, così i browser più vecchi disegnano comunque una sfumatura.
Median cut seguito da raffinamento di Lloyd, eseguito su pixel decodificati in questa scheda. Il passo di campionamento è forzato lontano dai numeri primi piccoli perché un'immagine a righe o una tabella non si riduca a due colori: un difetto reale, qui corretto.
La proiezione di Vienot, Brettel e Mollon applicata in luce lineare, per protanopia, deuteranopia e tritanopia. Dice se una COPPIA resta distinguibile, che è la domanda che conta, e afferma chiaramente di modellare una forma della condizione e non gli occhi di una persona specifica.
Il modello di contrasto percettivo redatto per WCAG 3 sta dietro un pannello a scomparsa ed è descritto per ciò che è: informazione di bozza, non il metro con cui oggi si misura qualcosa. Presentarlo alla pari dei verdetti WCAG travisrebbe entrambi.
Un percorso chiaro dalla fonte ufficiale al primo utilizzo riuscito.
Usa uno dei link ufficiali disponibili per il tuo dispositivo o browser.
Segui le istruzioni dello store o apri l'applicazione web. Nessun programma di installazione di terze parti.
Controlla le opzioni, scegli le preferenze e inizia dal flusso principale.
Una panoramica trasparente delle tecnologie principali usate per creare e mantenere questo prodotto.
I tuoi dati restano sul tuo dispositivo. Sempre.
