Comprobador de contraste de color.
Elige un color de texto y uno de fondo para ver su relación de contraste y si cumplen WCAG AA y AAA. Si no los cumplen, obtienes el color de texto más cercano que sí lo hace.
Texto grande, 24 px
El veloz murciélago hindú comía feliz cardillo y kiwi.
Relación de contraste
4.54:1
- AA Texto normal 4.5:1Correcto
- AA Texto grande 3:1Correcto
- AAA Texto normal 7:1Fallo
- AAA Texto grande 4.5:1Correcto
- AA Botones, iconos, bordes 3:1Correcto
Tamaño del texto
- Texto grande 24 px desde 24 px, 18,66 px en negritaCorrecto
- Texto normal 16 px desde 16 px, práctica habitualCorrecto
Herramienta gratuita, sin garantía ni responsabilidad. El resultado lo genera automáticamente una herramienta gratuita de transjt.ai, nada más. Puede estar incompleto o ser incorrecto. transjt.ai no ofrece ninguna garantía ni asume responsabilidad alguna por decisiones o cambios basados en él; revisa cada resultado antes de usarlo.
Comprobador de contraste de color en tres pasos.
- 01
Elige dos colores
Texto y fondo, en HEX o con el selector.
- 02
Consulta la relación
De 1:1 a 21:1, con cada nivel de WCAG.
- 03
Corrige lo que no cumple
Aplica con un clic el color más cercano que cumple.
Pruébalo con tu web.
Diseña tu web hoy y lánzala mañana.
Empieza gratisReserva una demo
Preguntas y respuestas.
Lo que la gente pregunta antes de convertir.
Reserva una demoEl nivel AA de WCAG 2 pide al menos 4,5:1 para texto normal, y 3:1 para texto grande (24 px, o 18,66 px en negrita) y para iconos y bordes de formularios. El nivel AAA pide 7:1 y 4,5:1.
A partir de la luminancia relativa de ambos colores: (L1 + 0,05) ÷ (L2 + 0,05), donde L1 es el más claro. Negro sobre blanco da 21:1, la más alta posible.
Mantiene el tono de tu color de texto y ajusta su luminosidad lo mínimo necesario para llegar a 4,5:1 sobre tu fondo, así el color sigue siendo reconociblemente tuyo.
Sí, sin registro y sin límites.
Herramientas relacionadas.
- Colores complementariosEl color opuesto y otros cuatro esquemas, en la rueda.
- Selector de color desde una imagenHaz clic en cualquier punto de una imagen para obtener su HEX y RGB.
- Paleta de colores desde una imagenLos colores principales de una imagen, primero los más frecuentes.
- RGB a HEXValores de rojo, verde y azul a código HEX, mientras escribes.
- HEX a RGBUn código HEX a valores de rojo, verde y azul, mientras escribes.
- CMYK a RGBValores de impresión a colores de pantalla, con el código HEX.
- Todas las herramientas de colorCódigos HEX, RGB y CMYK, colores complementarios, un selector de color y paletas a partir de imágenes.
- Todas las herramientas gratuitasPequeñas herramientas para las tareas de una web: imágenes, colores, tamaños y fuentes, texto alternativo, prompts para builders de IA y una comprobación de si los agentes de IA pueden usar tu web. Los conversores funcionan en tu navegador, así que no se sube nada.
Diseña tu web hoy y lánzala mañana.
En transjt, cada segundo cuenta. Por eso nuestra misión es sencilla: ahorrarte tiempo y eliminar fricciones de tu flujo de trabajo.