Colors.css oferece novos padrões para cores na Web
Encontrar um ótimo esquema de cores para o seu site não é tarefa fácil. Mas ficou muito mais fácil com o Biblioteca de cores por Adam Morse.
Esta biblioteca CSS grátis funciona com as cores originais da web que foram considerados “web seguro” e lançado pela primeira vez com HTML4 em 1999. Como você pode imaginar, a web percorreu um longo caminho desde então.
Com as cores, você pode substituir as opções de cores padrão e use padrões mais adequados para o seu layout. Essas cores se encaixam muito mais fácil e crie menos tensão diluindo o contraste.
Por exemplo, em vez de # 000 para preto, esta biblioteca usa # 111 para mantenha o mesmo nível de escuridão enquanto remove algum do contraste dissonante. Isso funciona muito melhor para texto e para fundos.
Você pode instalar cores via npm ou através do GitHub baixando a folha de estilo diretamente.
O melhor de tudo é vem com amostras grátis você pode importar em seus programas de design para facilitar o acesso às cores. Os seguintes arquivos de amostra estão incluídos:
.aco(Photoshop).ase(Illustrator / XD).gpl(Gimp / Inkscape)
Se você criar muitos modelos com as cores padrão, é absolutamente recomendável pegar uma cópia dessas amostras. Você ficará surpreso com o quão bem essas cores podem caber em qualquer layout.
Além disso, o Colors.css tem seu próprio esquemas de acessibilidade onde você encontrará 90 combinações de cores que atendem às especificações das WCAGs para acessibilidade de qualidade. Isso é imenso para qualquer um que tente suportar o maior público possível e é ótimo ver designers que se importam tanto com o moderno trabalho de UI / UX.
Mas, mais importante, é ótimo ver tanto progresso na comunidade de código aberto.
É engraçado relembrar sites antigos para ver o quanto melhoraram. E o mesmo pode ser dito para as tendências gerais de design, especialmente as opções de cores e as bibliotecas CSS.
Para saber mais sobre a biblioteca Cores, visite o site página principal e confira o exemplos vivos. Você pode puxar o .css arquivo, junto com todos os arquivos de amostras diretamente do Repositório GitHub, também.
