Saltar al contenido principal
Uddatak

Verificador de contraste de color

Elige un color de texto y un color de fondo para ver su relación de contraste exacta y si cumple con los umbrales WCAG AA y AAA para texto normal y grande — esencial para asegurar que tu diseño sea legible y accesible.

Herramientas de Diseño y CSS Funciona completamente en tu navegador

Todos los cálculos se realizan en tu dispositivo — los colores nunca se envían a un servidor.

Texto normal de 16px Aa 123

Relación de contraste: 18.88:1

AA (texto normal): Aprobado ✓
AA (texto grande): Aprobado ✓
AAA (texto normal): Aprobado ✓
AAA (texto grande): Aprobado ✓

Continuar con

Totalmente local

Conversor de Color

Convierte un color entre formatos HEX, RGB, y HSL al instante.

Herramientas para DesarrolladoresAbrir herramienta
Totalmente local

Generador de gradientes CSS

Crea visualmente un gradiente CSS lineal o radial y copia el código.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Verificador de accesibilidad HTML

Escanea código HTML en busca de problemas de accesibilidad comunes — texto alternativo faltante, campos sin etiqueta, orden de encabezados incorrecto y más.

Herramientas para DesarrolladoresAbrir herramienta

Herramientas relacionadas

Totalmente local

Generador de gradientes CSS

Crea visualmente un gradiente CSS lineal o radial y copia el código.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Generador de box-shadow CSS

Diseña visualmente un box-shadow CSS con controles deslizantes y copia el código generado.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Generador de border-radius CSS

Diseña visualmente esquinas redondeadas — incluyendo formas asimétricas — y copia el código CSS.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Conversor de PX a REM

Convierte entre píxeles y unidades rem, según un tamaño de fuente raíz personalizado.

Herramientas de Diseño y CSSAbrir herramienta
Totalmente local

Extractor de Paleta de Colores

Extrae los colores más dominantes de cualquier imagen, con códigos HEX, RGB y CSS

Herramientas de Diseño y CSSAbrir herramienta

¿Listo para probar Uddatak?

Explora la biblioteca completa de herramientas y empieza a usar lo que necesitas ahora mismo — gratis, sin registro.

Explorar todas las herramientas