Color Studio

Il est difficile de choisir des couleurs. Cette application vous aide à créer un thème sombre cohérent.

Il est difficile de choisir des couleurs. La plupart des sélecteurs de couleurs vous donnent 16 millions de couleurs et vous demandent d'en choisir une. Tellement d'options, en fait, que votre créativité peut être bloquée. Il n'y a aucun moyen intuitif de savoir quelles couleurs répondront à vos besoins. Cela devient encore plus difficile lorsque vous traitez plusieurs couleurs. Encore plus difficile lorsque vous souhaitez 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. Arrière-plan et surface vous permet de basculer en mode "auto" (par défaut, lorsque vous ouvrez l'application, elle est activée pour l'arrière-plan, pour aider à la découverte). En mode automatique, l'arrière-plan suit la [recommandation Material Design] (https://material.io/design/color/dark-theme.html#properties): 8% de couleur primaire + # 121212.

En ce qui concerne la couleur de la surface, il n'y a pas de recommandation officielle, elle obtient donc l'arrière-plan et ajoute 5% de légèreté dans l'espace colorimétrique HSLuv. Si le fond a 10% de légèreté, la surface a 15%.

Les directives d'accessibilité du contenu Web (WCAG) recommandent un contraste de:

- 3.0: 1 minimum pour les textes supérieurs à 18 pt ou les icônes (AA +).

- 4,5: 1 minimum pour les textes inférieurs à 18 pt (AA).

- 7.0: 1 minimum si possible, si possible (AAA).

Material Design le suit et recommande un rapport de contraste de 4,5: 1 (AA) pour le corps du texte à 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