Exportador de paletas
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 Exportador de paletas
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 Exportador de paletas
- 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.