Color Studio

Es difícil elegir colores. La mayoría de los recolectores de color le dan 16 millones de colores y le piden que elija uno. Tantas opciones, de hecho, que su creatividad puede verse bloqueada. No hay una forma intuitiva de saber qué colores se adaptarán a sus necesidades. Esto se vuelve aún más difícil cuando manejas múltiples colores. Aún más difícil cuando desea que estos colores sigan una especificación de diseño y formen un tema coherente. Este proyecto tiene como objetivo ayudar a resolver estos problemas.

Esta aplicación te permite jugar con 3 colores: primario, fondo y superficie. Fondo y superficie le permite alternar el modo "automático" (de manera predeterminada, cuando abre la aplicación, está activada para el Fondo, para ayudar con la capacidad de detección). En modo automático, Fondo sigue la [Recomendación de diseño de material] (https://material.io/design/color/dark-theme.html#properties): 8% del color primario + # 121212.

Con respecto al color de la superficie, no hay una recomendación oficial, por lo que obtiene el fondo y agrega un 5% de claridad en el espacio de color HSLuv. Si el fondo tiene un 10% de luminosidad, la superficie tiene un 15%.

Las Pautas de Accesibilidad al Contenido en la Web (WCAG) recomiendan un contraste de:

- 3.0: 1 mínimo para textos de más de 18 puntos o iconos (AA +).

- 4.5: 1 mínimo para textos menores de 18pt (AA).

- 7.0: 1 mínimo cuando sea posible, si es posible (AAA).

Material Design lo sigue y recomienda una relación de contraste de 4.5: 1 (AA) para el texto del cuerpo en todas las elevaciones. Este proyecto muestra todas las variaciones de elevación posibles con su respectivo contraste con el color primario.

Este proyecto es de código abierto:

https://github.com/bernaferrari/color-studio