uuutil ← todas las herramientas

Comprobador de contraste

Escribe un color de texto y uno de fondo — hex, RGB, HSL o cualquier color CSS, las mismas convenciones del conversor de color — o tómalos con el cuentagotas de pantalla donde el navegador lo soporte (si no, la muestra abre el selector nativo). Aparece la relación de contraste WCAG 2.x, calculada desde la luminancia relativa, con una matriz pasa/no pasa de AA y AAA en texto normal y grande, umbrales impresos (4.5:1 y 7:1 normal, 3:1 y 4.5:1 grande) para que compruebes el resultado tú mismo. Una muestra en vivo renderiza tu par a ambos tamaños — solo una muestra, no un juicio sobre ninguna página real — y para cada nivel que falla se ofrece el ajuste aclarar/oscurecer más cercano que pasa, de texto o de fondo, como valor copiable. Un clic intercambia los dos colores.

Registro de privacidad

Datos obtenidos Ninguno.
Bibliotecas usadas Lit 3 — incluido en el propio archivo de la herramienta.
Datos guardados Nada.
Datos transmitidos Ninguno.

Úsalo en tu propia página

Descarga la herramienta como un único archivo HTML autónomo: código fuente legible con la biblioteca Lit incluida, sin peticiones de red — funciona abierto directamente desde tu disco y puedes personalizarlo todo.

¿Prefieres el widget alojado? Una sola etiqueta script lo integra y se mantiene al día:

<script type="module" src="https://uuutil.com/tools/contrast-checker.js"></script>
<uu-contrast-checker lang="es"></uu-contrast-checker>

Licencia del código: MIT — libre de usar, modificar y redistribuir; conserva el aviso de licencia en las copias.