Todos nós amamos um bom plug-in Figma. Unsplash, Iconify e Lorem Ipsum são salva-vidas para desenvolvedores. O UIColors poderia ser a próxima adição útil à caixa de ferramentas cada vez maior do web designer? Nós certamente pensamos assim.
UIColors usa Tailwind CSS para facilitar a localização de esquemas de cores complementares. Os designers podem inserir um código hexadecimal manualmente, alterar o HSL valores ou pressione a barra de espaço para escolher uma paleta de cores aleatória. Em seguida, o roteiro gera uma escala de cores com dez tons complementares diferentes.
Para manter as coisas simples, vamos optar pelo bom e velho #FF0000mais conhecido como ‘vermelho brilhante’.
Quando inserimos o código hexadecimal no gerador, ele imediatamente cria nossa escala de cores. Cada nova cor é acompanhada por um código hexadecimal que posso copiar para minha área de transferência com um único clique.
A UIColors também cria um conjunto de exemplos para que você possa avaliar como as cores funcionam na prática. De ilustrações e calendários a gradientes e botões no site, você poderá ver com precisão como ficarão os diferentes tons ao adicionar recursos diferentes ao seu site.
Estamos apenas arranhando a superfície dos recursos do UIColors aqui. A ferramenta também permite criar diferentes variáveis, estilos e guias de cores com base nas escalas geradas. Você pode experimentá-lo hoje visitando o site da UIColors ou instalando-o via Figma. Quem sabe? Este aplicativo pode se tornar seu novo melhor amigo.
Shelley Cooke
Shelley Cooke é uma blogueira e podcaster de Asheville, Carolina do Norte (Go Oilers!). Ela é apaixonada por tecnologia e pelo papel que ela desempenha na construção de comunidades.
Com informações de WebDesigner Depot.
