CSS and design

Color Contrast Checker

Make sure your text is readable: check WCAG contrast and get a passing color suggestion.

  • Runs in your browser
  • Instant results
  • Free, no sign-up
Loading the tool…

How to use the Color Contrast Checker

  1. Enter or pick the text and background colors.
  2. Read the ratio and the AA / AAA results.
  3. If it fails, apply the suggested color.

Frequently asked questions

What contrast ratio do I need?

WCAG AA needs 4.5:1 for normal text and 3:1 for large text and UI components. AAA needs 7:1 and 4.5:1.

What counts as large text?

At least 24px regular, or about 18.7px (14pt) bold.

Why does contrast matter?

Good contrast helps people with low vision and anyone reading in bright light, and is often a legal requirement.

Esercitati in Python con le sfide di codice

Risolvi problemi pratici direttamente in questo editor: esegui i test di esempio, invia la soluzione e ricevi una revisione AI del codice.

Tutte le sfide Python
Facile

Average of Three

Average three whole numbers.

Imparerai AritmeticaDivisione
BeginnerLearning-pathVariables
Facile

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

Imparerai AritmeticaValori di ritorno
BeginnerLearning-pathVariables
Media

Una generazione di un algoritmo genetico

Genera la prossima generazione di stringhe di bit con selezione a torneo, crossover a un punto e mutazione.

Imparerai Algoritmi geneticiRicerca evolutiva
OptimizationSimulationai
Nessuna soluzione ancora
Facile

Bandito multi-braccio epsilon-greedy

Bilancia esplorazione e sfruttamento su un bandito multi-braccio con la selezione delle azioni epsilon-greedy.

Imparerai Esplorare o sfruttareBandit
Apprendimento per rinforzoaiapprendimento automatico
Nessuna soluzione ancora
Facile

Distribuzione degli stati di una catena di Markov

Propaga una distribuzione di probabilità attraverso la matrice di transizione di una catena di Markov per un certo numero di passi.

Imparerai Catene di MarkovProbabilità
Simulationaimath
Nessuna soluzione ancora
Media

Iterazione dei valori

Calcola quanto vale ogni stato di un processo decisionale di Markov applicando ripetutamente l'aggiornamento di ottimalità di Bellman.

Imparerai Equazione di BellmanMDP
Apprendimento per rinforzoaiapprendimento automatico
Nessuna soluzione ancora
Media

Aggiornamenti del Q-learning

Applica l'aggiornamento del Q-learning a un flusso di esperienze e guarda le ricompense risalire verso gli stati precedenti.

Imparerai Q-learningRicompense scontate
Apprendimento per rinforzoaiapprendimento automatico
Nessuna soluzione ancora
Media

Potatura alfa-beta

Valuta un albero di gioco con minimax e potatura alfa-beta, e conta quante foglie la ricerca esamina davvero.

Imparerai Potatura alfa-betaRicerca nei giochi
RecursionTreesai
Nessuna soluzione ancora
Media

Tris con minimax

Scegli la mossa perfetta a tris esplorando l'intero albero di gioco con minimax.

Imparerai MinimaxAlberi di gioco
Recursionai
Nessuna soluzione ancora
Media

Ricerca A* su una griglia pesata

Trova il percorso più economico attraverso una griglia di costi del terreno con A*, l'algoritmo di ricerca dietro il pathfinding di giochi e robot.

Imparerai Ricerca A*Euristiche
GraphsGridsShortest-pathai
Nessuna soluzione ancora
Media

Campionamento con temperatura e top-k

Scegli il token successivo come un modello linguistico: tieni i k logit più alti, applica la temperatura e campiona.

Imparerai Generazione di testoCampionamento
aiapprendimento automatico
Nessuna soluzione ancora
Difficile

Self-attention multi-head

Proietta l'input in query, key e value, esegui l'attenzione in più head in parallelo e combinale.

Imparerai Attenzione multi-headProiezioni matriciali
aiapprendimento automatico
Nessuna soluzione ancora