Color Studio

Es ist schwer, Farben zu wählen. Die meisten Farbwähler geben Ihnen 16 Millionen Farben und bitten Sie, eine auszuwählen. Tatsächlich gibt es so viele Möglichkeiten, dass Ihre Kreativität blockiert wird. Es gibt keine intuitive Methode, um festzustellen, welche Farben Ihren Anforderungen entsprechen. Dies wird noch schwieriger, wenn Sie mit mehreren Farben arbeiten. Noch schwieriger, wenn diese Farben einer Designspezifikation folgen und ein zusammenhängendes Thema bilden sollen. Dieses Projekt soll helfen, diese Probleme zu lösen.

Diese App ermöglicht es Ihnen, mit 3 Farben zu spielen: Primär, Hintergrund und Oberfläche. Mit Hintergrund und Oberfläche können Sie den "Auto" -Modus umschalten (wenn Sie die App öffnen, ist sie standardmäßig für den Hintergrund aktiviert, um die Erkennbarkeit zu verbessern). Im automatischen Modus folgt der Hintergrund der [Materialdesign-Empfehlung] (https://material.io/design/color/dark-theme.html#properties): 8% der Primärfarbe + # 121212.
Bezüglich der Oberflächenfarbe gibt es keine offizielle Empfehlung, daher wird der Hintergrund angezeigt und der HSLuv-Farbraum um 5% heller. Wenn der Hintergrund 10% der Helligkeit hat, hat die Oberfläche 15%.


Die Richtlinien zur Barrierefreiheit von Webinhalten (WCAG) empfehlen einen Kontrast von:

- 3,0: 1 Minimum für Texte größer als 18 pt oder Symbole (AA +).
- Mindestens 4,5: 1 für Texte unter 18 pt (AA).
- Wenn möglich, mindestens 7,0: 1 (AAA).

Das Material Design folgt diesem Konzept und empfiehlt ein Kontrastverhältnis von 4,5: 1 (AA) für den Körpertext in allen Höhen. Dieses Projekt zeigt alle möglichen Höhenunterschiede mit ihrem jeweiligen Kontrast zur Grundfarbe.

Dieses Projekt ist Open Source:
https://github.com/bernaferrari/color-studio