Exportar paleta de colores a archivo de variables SCSS/LESS/CSS
Cualquier paleta de ColorsWall se puede descargar como archivo o como variables listas para usar, así los mismos colores llegan a tu herramienta de diseño y a tu código.
- Encuentra tu paleta o crea una nueva
- Abrir enlace con paleta (Por ejemplo: Bootstrap 4 Colores )
Sirve cualquier página de paleta, sea tuya o de otra persona.
- Pulse el botón «Exportar»
La pestaña «Archivos» descarga la paleta en ASE (Adobe Swatch Exchange, para Photoshop e Illustrator), SVG o JSON. Las pestañas CSS, SCSS y LESS muestran los colores como variables, y la pestaña «Colores» da una lista simple de códigos HEX en un archivo .txt.
- Elija el tipo de archivo SCSS, LESS o CSS y presione el botón «Descargar»
Las variables toman el nombre de los colores de la paleta, por ejemplo --color-sky-blue, o se numeran --color-1, --color-2 cuando un color no tiene nombre. El archivo CSS las agrupa en :root, así que funciona tal cual.
- Guardar archivo y disfrutar.
¿Prefieres verlo? El vídeo de abajo muestra paso a paso cómo exportar una paleta.