Siete paletas iniciales
Empieza con Material, Tailwind, Pastel, Retro, Neón, Tierra u Océano y adapta los colores a tu proyecto.
Generador de paletas de colores
Crea una paleta, edita sus colores y ordénalos. Guarda o exporta el resultado para usarlo en tu proyecto.
Elegir modo
Paletas predefinidas
Hex
#776487
Hex
#63B04F
Hex
#AC38B7
Hex
#63886D
Más acciones
Herramientas relacionadas
Tus estadísticas
0
Colores elegidos
0
Paletas exportadas
0
Degradados creados
0
Contrastes comprobados
Selector de color
Modo más usado
0%
Puntuación de actividad
Cómo crear una paleta de colores
No se ha podido cargar el vídeo. Puedes seguir las instrucciones que aparecen debajo.
El vídeo muestra la interfaz en inglés.
Elige, por ejemplo, Pastel u Océano, o haz clic en Paleta aleatoria. Observa los colores juntos antes de editarlos. La generación aleatoria ofrece combinaciones para ajustar, pero no comprueba si cumplen requisitos de diseño concretos.
Crea una paleta que puedas reutilizar
Colores aleatorios con bloqueo
Bloquea los colores que quieras conservar. Al generar otra paleta aleatoria, solo cambiarán los colores desbloqueados.
Edita los colores y su orden
Edita, añade o elimina colores. Arrastra las tarjetas para cambiar su orden.
Mostrar 3 másMostrar menos
Archivos y variables CSS
Exporta la paleta como PNG, JPG o SVG, con etiquetas HEX y RGB si las necesitas. Descarga JSON o copia los colores como variables CSS.
Ajustes predefinidos con nombre
Guarda una paleta con nombre en este navegador. Al volver a abrir la página, la paleta de trabajo sin guardar vuelve a Material.
Otras herramientas de color
Abre Colores de imagen para obtener una paleta de una foto. El selector de modo también permite elegir colores, crear degradados y comprobar el contraste.
Preguntas frecuentes
¿Cómo creo una paleta de colores?
Elige una paleta predefinida o genera colores aleatorios. Edita las muestras, bloquea los colores que quieras conservar antes de generar otra y arrastra las tarjetas para ordenarlas. Exporta el resultado o guárdalo con un nombre.
¿Puedo generar una paleta aleatoria?
Sí. Paleta aleatoria sustituye los colores desbloqueados. Los bloqueados se conservan, así puedes mantener un color inicial y probar distintas combinaciones.
¿Puedo crear una paleta a partir de una foto?
Abre Colores de imagen en el selector de modo. Esa herramienta obtiene los colores dominantes de una imagen compatible. El generador de paletas sirve para editar un conjunto de muestras de color.
¿Qué paletas predefinidas incluye?
Material, Tailwind, Pastel, Retro, Neón, Tierra y Océano. Cada una ofrece cuatro colores iniciales. No constituye un sistema de diseño completo ni garantiza la accesibilidad.
Mostrar 4 másMostrar menos
¿Qué formatos de exportación hay?
Descarga la paleta como PNG, JPG o SVG, con etiquetas HEX y RGB opcionales, o como JSON con valores HEX y RGB. También puedes copiar las variables CSS. La anchura de PNG y JPG es ajustable. La exportación contiene la paleta, no el diseño completo.
¿Puedo bloquear y reordenar los colores?
Sí. El candado de una muestra conserva su color durante la generación aleatoria. Arrastra una tarjeta por el asa para cambiar el orden. Los botones HEX y RGB cambian el formato en que se muestran los valores.
¿El generador de paletas es gratuito?
Sí, MORELESS lo ofrece sin cuenta. Guarda la paleta con un nombre para conservarla en este navegador y exporta una copia como respaldo.
¿Mi paleta seguirá aquí la próxima vez?
Los ajustes predefinidos con nombre se guardan en este navegador mediante IndexedDB. La paleta de trabajo sin guardar vuelve a Material al reabrir la página. Borrar los datos del sitio puede eliminar los ajustes guardados. No se sincronizan entre dispositivos.
Detalles técnicos
Paletas predefinidas y colores aleatorios
Cada una de las siete paletas predefinidas contiene cuatro colores. La generación aleatoria elige tono, saturación y luminosidad y los convierte en colores RGB. Los bloqueos conservan los colores por su valor HEX al volver a generar.
Edición de muestras de color
Las tarjetas se pueden editar, añadir, eliminar y reordenar. HEX y RGB representan los mismos colores de distintas formas. Modo concentración muestra la paleta como franjas verticales más grandes.
Mostrar 2 másMostrar menos
Formatos de exportación
La anchura de PNG y JPG se puede ajustar entre 120 y 7680 px. La altura equivale aproximadamente a una sexta parte de la anchura. SVG usa un espacio de coordenadas de 1200 × 200. Las imágenes pueden incluir etiquetas HEX y RGB. El CSS se copia como propiedades personalizadas numeradas. JSON contiene valores HEX y RGB.
Ajustes predefinidos con nombre en este navegador
Las paletas con nombre se guardan en la base IndexedDB compartida de Color Studio. La paleta de trabajo sin guardar no se restaura al reabrir la página. Exporta copias antes de borrar el almacenamiento del navegador.