Configuración
Cantidad 8, estilo Morandi, prefijo pastel
Salida
--pastel-1: #c9b8a8; ...
Herramientas de diseño
Generador de colores pastel — Paletas suaves de baja saturación
Genera paletas pastel suaves y de estilo Morandi en tu navegador. Elige la cantidad y el estilo, bloquea las muestras que quieras conservar y exporta listas HEX o variables CSS para gráficos, fondos y temas de interfaz suaves.
PastelPaletaColor
Añadir esta herramienta a favoritos
No se ha seleccionado un modo de almacenamiento de favoritos.
Acciones rápidas
Copia la URL de esta herramienta o abre la hoja de compartir del sistema en un dispositivo compatible.
设计配色
Generador de colores pastel
Click generating to harness beautiful low-saturation, high-lightness pastel (Macaron / Morandi) aesthetics suitable for modern background components.
CSS 变量
等待生成调色板。算法思路
Traditional random hex strings produce muddy and stark colors. Pastel algorithms strictly enforce H (0-360 random), S (60-80% saturation), and L (75-90% lightness) in HSL space, then convert explicitly to hex code ensuring safe UI visibility harmony without any design skill prerequisite.
Casos de uso
- Crea una serie suave para gráficos
- Genera colores de fondo y etiquetas de baja saturación
- Exporta variables CSS con prefijo para un tema
Cómo usar
- Elige la cantidad y el estilo (suave, cálido, frío, Morandi o mono)
- Genera y luego bloquea las muestras que quieras conservar
- Copia la lista HEX o las variables CSS
Entrada y salida de ejemplo
FAQ
¿Cómo se generan los colores?
Las muestras se toman en HSL dentro de un rango de alta luminosidad y baja saturación, no son valores hex aleatorios.
¿Puedo cambiar el prefijo de las variables CSS?
Sí. Edita el prefijo y los nombres exportados como --prefix-1 se actualizan para coincidir.
Herramientas
Herramientas relacionadas
Continúa con otra herramienta traducida para una tarea cercana.
Generador de paletas
Generador de paletas — Conjuntos de color por reglas
Genera paletas con reglas monocromáticas, análogas, complementarias, triádicas o totalmente aleatorias. Bloquea muestras individuales y sigue aleatorizando el resto para exploración de interfaz y derivados de colores de marca.
Paleta Color Armonía
Armonizador de color
Armonizador de color — Reglas clásicas de armonía
Elige un color base y genera esquemas con reglas complementaria, análoga, triádica, tetradítica, complementaria dividida o monocromática. Previsualiza el uso en la interfaz y exporta variables CSS para trabajo de marca y componentes.
Paleta Color Armonía
Conversor de color
Conversor de color — HEX, RGB y HSL en línea
Convierte colores entre HEX, RGB, HSL, HWB, CMYK y variables CSS en tu navegador. Incluye un selector de color y un generador de colores aleatorios para entregas de diseño, trabajo con hojas de estilos y alineación de colores de marca.
Color HEX RGB