Exportar paleta de colores
Pega o importa un conjunto de colores y expórtalos al instante a variables CSS, SCSS, configuración de Tailwind, JSON o muestras SVG: el paso final para cualquier paleta.
Pega valores HEX (uno por línea, o separados por comas/espacios). También se aceptan rgb() y hsl().
No se encontraron colores válidos: revisa tu entrada.
Todo se ejecuta en tu navegador: pega una paleta y copia código listo para producción en cualquier formato. Sin registro, completamente gratis.
Acerca de Exportar paleta de colores
El Exportador de Paletas es el paso final para cualquier paleta de color: pega un conjunto de colores y obtén código listo para producción en el formato que tu proyecto necesita. Acepta valores HEX, uno por línea o separados por comas y espacios, y también entiende la notación rgb() y hsl().
Se generan seis formatos de salida en tiempo real: propiedades personalizadas de CSS, variables SCSS, un bloque de colores para configuración de Tailwind, JSON, muestras SVG y una lista plana de HEX. Un prefijo de variable configurable mantiene los nombres generados coherentes con tu código, y cada formato se puede copiar al portapapeles o descargar como archivo.
Todo se ejecuta en tu navegador: los colores que pegas nunca se envían a ningún lado. Se combina de forma natural con las demás herramientas de paleta: extrae o genera una paleta en otro sitio, pégala aquí, y llévate exactamente el fragmento que tu hoja de estilos, framework o flujo de diseño necesita.
Cómo usar Exportar paleta de colores
- Pega tus colores en el campo de entrada (HEX, rgb() o hsl()), uno por línea o separados por comas.
- Haz clic en "Actualizar colores" para convertirlos en una paleta, o carga el ejemplo para probarlo.
- Elige un formato de exportación: variables CSS, SCSS, configuración de Tailwind, JSON, muestras SVG o HEX plano.
- Ajusta el prefijo de variable si quieres un nombrado personalizado.
- Copia el código generado o descárgalo como archivo.