Color Studio

Es ist schwer, Farben zu wählen. Die meisten farbigen Picker geben Ihnen 16 Millionen Farben und bitten Sie, einen auszuwählen. So viele Optionen, in der Tat, dass Ihre Kreativität blockiert werden kann. Es gibt keine intuitive Möglichkeit, zu wissen, welche Farben Ihren Bedürfnissen passen. Dies wird sogar schwieriger, wenn Sie mit mehreren Farben umgehen. Noch schwerer, wenn Sie möchten, dass diese Farben einer Designspezifikation folgen und ein kohärentes Thema bilden. Dieses Projekt zielt darauf ab, diese Probleme zu lösen.
Diese App ermöglicht es Ihnen, mit 3 Farben zu spielen: Primär, Hintergrund und Oberfläche. Hintergrund und Oberfläche ermöglicht es Ihnen, den "AUTO" -Modus umschalten (standardmäßig, wenn Sie die App öffnen, ist es für den Hintergrund, um mit der Erkenntlichkeit zu helfen). Im Auto-Modus folgt der Hintergrund der [Materialdesign-Empfehlung] (https://material.io/design/color/dark-thee.html#properties): 8% der primären Farbe + # 121212.
In Bezug auf die Oberflächenfarbe, Es gibt keine offizielle Empfehlung, also bekommt es den Hintergrund und fügt 5% der Leichtigkeit in HSLUV-Farbraum hinzu. Wenn der Hintergrund 10% der Leichtigkeit aufweist, hat die Oberfläche 15%.
Web Content-Richtlinien (WCAG) Empfiehlt ein Kontrast von:
- 3.0: 1 Minimum für Texte größer als 18PT oder Symbole (AA +).
- 4.5: 1 Minimum für Texte kleiner als 18PT (AA).
- 7.0: 1 Minimum, wenn möglich, wenn möglich (AAA).
Material-Design folgt es und empfiehlt ein Kontrastverhältnis von 4,5: 1 (AA) für Körpertext in allen Erhebungen. Dieses Projekt zeigt alle möglichen Elevationsvarianten mit ihrem jeweiligen Kontrast zur Primärfarbe.
Dieses Projekt ist Open Source:
https://github.com/bernnaferrari/color-studio