Contraste wcag
Comprobá el contraste entre dos colores (WCAG).
Cargando herramienta…
Siguiente paso recomendado
Diseñá y validá tu interfaz
Después de usar Contraste wcag, continúa con Selector color.
Herramientas relacionadas
Mismo tipo de tarea, para seguir en el sitio.
Guía de la herramienta
Contraste wcag: cómo funciona
Información práctica para entender el resultado y usar bien esta herramienta.
Sobre Contraste wcag
Contraste wcag es una herramienta gratuita de UtiliHub. Check contrast between two colors.
Todo el procesamiento compatible se ejecuta en tu navegador: tus archivos no se suben a un servidor.
Cómo usarla
- 1Ingresá el color en HEX (por ejemplo #2563eb) o los valores que pida la herramienta.
- 2Revisá el resultado (conversión, contraste, mezcla o código CSS) en la misma pantalla.
- 3Copiá el valor o el snippet generado para usarlo en tu diseño o CSS.
Preguntas frecuentes
- ¿Qué formato de color debo usar?
- La mayoría de estas herramientas trabajan con HEX de 6 dígitos. Algunas también muestran RGB o HSL en el resultado.
- ¿Necesito crear una cuenta?
- No. Podés usar la herramienta de inmediato, sin registro.