Reasonable Colors

Reasonable Colors es un sistema de colores gratuito y de código abierto que ofrece 24 conjuntos de colores espaciados uniformemente, cada uno con seis tonos numerados. Proporciona a diseñadores y desarrolladores una paleta ya preparada de variables CSS para usar en sus proyectos, disponible en formatos de color hex, HSL, RGB y el formato LCH, preparado para el futuro. El sistema está diseñado para insertarse directamente en cualquier sitio web o aplicación mediante un enlace CSS sencillo o npm install.

La característica destacada de la herramienta es su accesibilidad integrada. El sistema está estructurado matemáticamente para que el contraste entre dos tonos cualesquiera pueda predecirse mediante la diferencia entre sus números de tono. Una diferencia de 2 garantiza una relación de contraste de al menos 3:1, una diferencia de 3 garantiza 4.5:1 y una diferencia de 4 garantiza 7:1. Esta regla funciona en todos los colores, incluido el gris, lo que simplifica la creación de combinaciones que cumplen las pautas WCAG 2 AA y AAA para texto y gráficos.

Esta herramienta es un beneficio importante para desarrolladores web, diseñadores UI/UX y equipos de producto que necesitan construir interfaces accesibles rápidamente y sin adivinanzas. Es perfecta para crear sistemas de diseño, prototipar nuevas aplicaciones o asegurar que un proyecto existente cumpla los estándares de accesibilidad. Elimina la fricción de comprobar manualmente el contraste de color de cada nuevo elemento de la UI.