Color Studio

É difícil escolher cores. A maioria dos catadores de cores dá-lhe 16 milhões de cores e peça para você escolher um. Tantas opções, de fato, que sua criatividade pode ser bloqueada. Não há maneira intuitiva de saber quais cores vão se adequar às suas necessidades. Isso fica ainda mais difícil quando você lida com várias cores. Mesmo mais difícil quando você quer que essas cores seguem uma especificação de design e forme um tema coerente. Este projeto visa ajudar a resolver esses problemas.
Este aplicativo permite que você jogue com 3 cores: primário, fundo e superfície. O fundo e a superfície permite que você alterne o modo "Auto" (por padrão, quando você abre o aplicativo, ele está ligado para o plano de fundo, para ajudar com a descoberta). No modo automático, o fundo segue a [Recomendação de Design de Material] (https://material.io/design/color/dark-theme.html#properties): 8% da cor primária + # 121212.
sobre cor de superfície, Não há recomendação oficial, por isso obtém o fundo e adiciona 5% de leveza no espaço de cores HSLUV. Se o fundo tem 10% de leveza, a superfície tem 15%.
Diretrizes de acessibilidade de conteúdo da Web (WCAG) Recomenda um contraste de:
- 3.0: 1 Mínimo de textos maiores que o 18pt ou ícones (AA +).
- 4,5: 1 mínimo para textos menores que o 18pt (AA).
- 7,0: 1 mínimo quando possível, se possível (AAA).
Material Design Segue-la e recomenda uma proporção de contraste de 4,5: 1 (AA) para texto do corpo em todas as elevações. Este projeto mostra todas as variações de elevação possíveis com seu respectivo contraste com a cor primária.
Este projeto é open source:
https://github.com/bernaferrari/color-studio