Herramienta Gratuita • creativos

Generador de Paletas de Colores Accesibles (Daltonismo y WCAG)

Diseña paletas de colores armónicas y accesibles. Comprueba el contraste según las pautas WCAG y simula cómo las perciben personas con daltonismo.

Procesamiento 100% Local:Tus datos no salen del navegador. Funciona sin conexión.
⭐️ Guardar herramienta:Ctrl + Do⌘ + D

Configuración de la Herramienta

Esperando datos de entrada

Completa la configuración en el panel de la izquierda para procesar tu archivo de forma 100% local.

Privacidad garantizada:
Procesamiento local en tu navegador
Tus datos no se envían a ningún servidor
Descarga instantánea sin registro
¿Te ha sido útil la herramienta? ☕Invítanos a un café para ayudarnos a mantener Project Atlas 100% gratuito, sin límites y libre de cookies molestas.
Invitarnos un café ☕
¿Quieres una versión a medida?

¿Te gustaría tener este Generador de Paletas de Colores Accesibles (Daltonismo y WCAG) adaptado a tu empresa?

Podemos integrar esta herramienta directamente en tu página web con tu marca, añadir tarifas personalizadas o programar funciones a medida para optimizar el trabajo de tu equipo.


¿Cómo funciona el Generador de Paletas de Colores Accesibles (Daltonismo y WCAG)?

Esta herramienta ayuda a diseñadores e ingenieros de software a crear combinaciones cromáticas accesibles conforme a la Directiva de Accesibilidad Web (pautas WCAG 2.1). Genera esquemas armónicos a partir de un color base y calcula de forma local la luminancia relativa para medir el ratio de contraste de texto sobre fondo. Adicionalmente, aplica fórmulas de simulación óptica para recrear cómo ven esos colores personas con Deuteranopía, Protanopía y Tritanopía.

Cómo utilizar la herramienta

Introduce el color base en formato hexadecimal (HEX). Elige el tipo de armonía cromática y el nivel de conformidad WCAG (AA o AAA). El generador creará una paleta de 5 colores accesibles. A continuación, verás la matriz de contraste cruzado entre todos los colores y la vista de daltonismo simulada para validar la legibilidad de tu diseño.

Ejemplo práctico:

  • Crear un esquema de color azul corporativo que cumpla con el ratio de contraste 4.5:1 para el texto.
  • Diseñar una paleta de alertas (éxito, error, advertencia) que sea distinguible por usuarios daltónicos.
  • Generar combinaciones monocromáticas seguras para gráficos de datos accesibles.

Herramientas Relacionadas