Calculadora contraste color
Check WCAG contrast ratio entre two colors.
Cargando herramienta…
Siguiente paso recomendado
Diseñá y validá tu interfaz
Después de usar Calculadora contraste color, continúa con Mezclador de colores.
Herramientas relacionadas
Mismo tipo de tarea, para seguir en el sitio.
Guía de la herramienta
Calculadora contraste color: cómo funciona
Información práctica para entender el resultado y usar bien esta herramienta.
Sobre Calculadora contraste color
Calculadora contraste color es una herramienta gratuita de UtiliHub. Check WCAG contrast ratio 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.