Slop Colors · gratis, nel browser

Verifica il contrasto dei colori secondo WCAG

Il testo grigio su bianco sembra elegante, finché nessuno riesce a leggerlo. Inserisci i due colori e Slop Colors ti dà il rapporto WCAG, i livelli che supera e il colore del testo più vicino che li supera.

Verifica il contrasto

Come si fa

1. Scorri fino a Contrasto (WCAG 2) e inserisci il colore del testo e quello dello sfondo, in HEX, RGB, HSL o OKLCH.
2. Leggi il rapporto e i cinque risultati: AA e AAA per il testo normale, AA e AAA per il testo grande, e le parti dell’interfaccia e la grafica.
3. Guarda l’esempio: testo grande e un paragrafo nei tuoi due colori.
4. Se AA per il testo normale non passa, clicca Correggi il colore del testo: il colore del testo mantiene la sua tonalità e diventa solo abbastanza chiaro o scuro da superare la verifica.
5. Clicca Scambia per verificare i colori al contrario.

I tuoi file restano su questo dispositivo: Slop Colors funziona nel browser, senza caricamenti, senza account e senza filigrana.

Domande

Quali rapporti chiede WCAG?

Il livello AA chiede 4.5:1 per il testo normale e 3:1 per il testo grande (24 px, o 18.66 px in grassetto) e per le parti dell’interfaccia e la grafica. Il livello AAA chiede 7:1 e 4.5:1.

Perché mostra 4.47 e non 4.48?

Il rapporto viene arrotondato per difetto, come lo mostra lo strumento di WebAIM, quindi una coppia a 4.499 non viene mai mostrata come superata per 4.5.

Può verificare un colore dal mio schermo?

In Chrome ed Edge, Prendi dallo schermo sceglie qualsiasi pixel dello schermo. Poi usalo come colore del testo o dello sfondo dal pannello.

Viene caricato qualcosa?

No. I colori vengono verificati dalla pagina nel tuo browser; non viene inviato nulla da nessuna parte.

Altro con Slop Colors

• Prendi i colori da un’immagine
• Genera una tavolozza di colori da un solo colore
• Converti da HEX a RGB, HSL, OKLCH o CMYK

App correlate

• PhotoSlop
  Disponibile
  Photoshop, ricostruito per il browser.
• SlopVector
  Disponibile
  Illustrator, ricostruito per il browser.
• SlopIsolate
  Beta
  Rimuovi lo sfondo con un’AI che gira sul tuo dispositivo.