Color Studio

Il est difficile de choisir des couleurs. La plupart des cueilleurs de couleurs vous donnent 16 millions de couleurs et vous demandent de en choisir un. En fait, de nombreuses options que votre créativité peut être bloquée. Il n'y a pas de moyen intuitif de savoir quelles couleurs vont correspondre à vos besoins. Cela devient encore plus difficile lorsque vous gérez plusieurs couleurs. Même plus fort lorsque vous voulez que ces couleurs suivent une spécification de conception et forment un thème cohérent. Ce projet vise à aider à résoudre ces problèmes.
Cette application vous permet de jouer avec 3 couleurs: primaire, arrière-plan et surface. L'arrière-plan et la surface vous permettent de basculer le mode "Auto" (par défaut, lorsque vous ouvrez l'application, il se trouve pour l'arrière-plan, pour aider à la découvrabilité). En mode auto, l'arrière-plan suit la [Recommandation de conception du matériau] (https://material.io/design/color/dark-theme.html#properties): 8% de la couleur primaire + # 121212.
Concernant la couleur de la surface, Il n'y a pas de recommandation officielle, donc il obtient le fond et ajoute 5% de la légèreté dans l'espace de couleur HSluv. Si l'arrière-plan a 10% de la légèreté, la surface a 15%.
Contenu Web Accessibilité Directives (WCAG) recommande un contraste de:
- 3.0: 1 Minimum pour les textes de plus que 18PT ou des icônes (AA +).
- 4.5: 1 Minimum pour les textes plus petits que 18PT (AA).
- 7.0: 1 Minimum si possible, si possible (AAA).
La conception du matériau suit et recommande un rapport de contraste de 4,5: 1 (AA) pour le texte du corps à toutes les altitudes. Ce projet montre toutes les variations d'élévation possibles avec leur contraste respectif avec la couleur primaire.
Ce projet est open source:
https://github.com/bernaferrari/color-studio