Exportar paleta de cores para arquivo de variáveis SCSS/LESS/CSS
Qualquer paleta do ColorsWall pode ser baixada como arquivo ou como variáveis prontas, para que as mesmas cores cheguem à sua ferramenta de design e ao seu código.
- Encontre sua paleta ou crie uma nova
- Abrir link com paleta (Por exemplo: Bootstrap 4 Cores )
Qualquer página de paleta serve, seja sua ou de outra pessoa.
- Pressione o botão «Exportar»
A aba «Arquivos» baixa a paleta em ASE (Adobe Swatch Exchange, para Photoshop e Illustrator), SVG ou JSON. As abas CSS, SCSS e LESS mostram as cores como variáveis, e a aba «Cores» traz uma lista simples de códigos HEX em um arquivo .txt.
- Escolha o tipo de arquivo SCSS, LESS ou CSS e pressione o botão «Download»
As variáveis recebem o nome das cores da paleta, por exemplo --color-sky-blue, ou são numeradas --color-1, --color-2 quando a cor não tem nome. O arquivo CSS as agrupa em :root, então funciona do jeito que está.
- Salve o arquivo e aproveite.
Prefere assistir? O vídeo abaixo mostra passo a passo como exportar uma paleta.