Color Studio

Het is moeilijk om kleuren te kiezen. De meeste kleurenkiezers geven je 16 miljoen kleuren en vragen je om er een te kiezen. In feite zijn er zoveel opties dat uw creativiteit mogelijk wordt geblokkeerd. Er is geen intuïtieve manier om te weten welke kleuren bij u passen. Dit wordt nog moeilijker als u met meerdere kleuren werkt. Nog moeilijker wanneer u wilt dat deze kleuren een ontwerpspecificatie volgen en een coherent thema vormen. Dit project is bedoeld om deze problemen op te lossen.

Met deze app kun je met 3 kleuren spelen: primair, achtergrond en oppervlak. Achtergrond en Surface stelt u in staat om de "auto" -modus te schakelen (standaard is het, wanneer u de app opent, ingeschakeld voor de Achtergrond, om te helpen met de vindbaarheid). In de automatische modus volgt Achtergrond de [Aanbeveling materiaalontwerp] (https://material.io/design/color/dark-theme.html#properties): 8% van primaire kleur + # 121212.

Wat de oppervlaktekleur betreft, is er geen officiële aanbeveling, dus deze krijgt de achtergrond en voegt 5% lichtheid toe aan de HSLuv-kleurruimte. Als Achtergrond 10% lichtheid heeft, heeft Surface 15%.

Web Content Accessibility Guidelines (WCAG) beveelt een contrast aan van:

- 3.0: 1 minimum voor teksten groter dan 18pt of pictogrammen (AA +).

- 4.5: 1 minimum voor teksten kleiner dan 18pt (AA).

- 7.0: 1 minimum indien mogelijk, indien mogelijk (AAA).

Material Design volgt dit en beveelt een contrastverhouding van 4,5: 1 (AA) aan voor hoofdtekst op alle hoogtes. Dit project toont alle mogelijke hoogtevariaties met hun respectieve contrast met de primaire kleur.

Dit project is open source:

https://github.com/bernaferrari/color-studio