Color Studio

Het is moeilijk om kleuren te kiezen. De meeste kleurenpickers geven u 16 miljoen kleuren en vragen u om er een te kiezen. Zoveel opties, in feite dat uw creativiteit kan worden geblokkeerd. Er is geen intuïtieve manier om te weten welke kleuren aan uw behoeften voldoen. Dit wordt nog moeilijker als je omgaat met meerdere kleuren. Nog moeilijker als je deze kleuren wilt om een ​​ontwerpspecificatie te volgen en een coherent thema te vormen. Dit project is bedoeld om deze problemen op te lossen.
Deze app kunt u spelen met 3 kleuren: primair, achtergrond en oppervlak. Achtergrond en oppervlak kunt u "Auto" -modus (standaard, wanneer u de app opent, is het voor de achtergrond, om te helpen met het ontdekken). In de automatische modus volgt de achtergrond de [Materiaalontwerpaanbeveling] (https://material.io/design/color/dark-theme.html#properties): 8% van de primaire kleur + # 121212.
met betrekking tot oppervlakte kleur, Er is geen officiële aanbeveling, dus het krijgt de achtergrond en voegt 5% lichtheid toe in de HSluv-kleurruimte. Als de achtergrond 10% van de lichtheid heeft, heeft het oppervlak 15%.
webinhoud Toegankelijkheid Richtlijnen (WCAG) beveelt een contrast aan:
- 3.0: 1 Minimaal voor teksten groter dan 18pt of pictogrammen (AA +).
- 4.5: 1 Minimaal voor teksten kleiner dan 18pt (AA).
- 7.0: 1 Minimaal indien mogelijk, indien mogelijk (AAA).
Materiaalontwerp volgt en beveelt een contrastverhouding aan van 4,5: 1 (AA) voor lichaamstekst op alle hoogten. Dit project toont alle mogelijke hoogtingsvariaties met hun respectieve contrast met primaire kleur.
Dit project is open source:
https://github.com/bernaferrari/color-studio