Color Studio

É difícil escolher cores. A maioria dos seletores de cores oferece 16 milhões de cores e solicita que você escolha uma. Tantas opções, de fato, que sua criatividade pode ser bloqueada. Não há uma maneira intuitiva de saber quais cores atenderão às suas necessidades. Isso fica ainda mais difícil quando você lida com várias cores. Ainda mais difícil quando você deseja que essas cores sigam 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 Background and Surface permite alternar o modo "automático" (por padrão, quando você abre o aplicativo, ele está ativado para o Background, para ajudar na descoberta). No modo automático, o plano de fundo segue a [recomendação de design de material] (https://material.io/design/color/dark-theme.html#properties): 8% da cor primária + # 121212.

Em relação à cor da superfície, não há recomendação oficial, portanto, obtém o plano de fundo e adiciona 5% de luminosidade no espaço de cores do HSLuv. Se o plano de fundo tiver 10% de luminosidade, o Surface terá 15%.

As diretrizes de acessibilidade para conteúdo da Web (WCAG) recomendam um contraste de:

- Mínimo de 3,0: 1 para textos maiores que 18 pontos ou ícones (AA +).

- Mínimo de 4,5: 1 para textos menores que 18 pontos (AA).

- 7.0: 1 mínimo, quando possível, se possível (AAA).

O Design do material segue e recomenda uma taxa de contraste de 4,5: 1 (AA) para o texto do corpo em todas as elevações. Este projeto mostra todas as variações possíveis de elevação com seu respectivo contraste com a cor Primária.

Este projeto é de código aberto:

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