Base
#3b82f6 (complementario)
Complementario
#f6993b
Herramientas de diseño
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.
PaletaColorArmonía
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.
设计配色
Armonizador de color
搭配结果
预览效果
配色预览
查看配色在实际界面中的效果
CSS 变量
Casos de uso
- Elige una regla de armonía y publica una paleta inicial
- Deriva los colores de botón primario y secundario
- Exporta variables CSS a un tema
Cómo usar
- Elige o introduce un color base
- Selecciona una regla de armonía
- Haz clic en las muestras para copiar los colores o copia las variables CSS
Entrada y salida de ejemplo
FAQ
¿Qué reglas están incluidas?
Complementaria, análoga, triádica, tetradítica, complementaria dividida y monocromática: seis reglas en total.
¿En qué se diferencia de un generador de paletas?
Este expande un color base mediante estructuras fijas de teoría del color. Los generadores de paletas se apoyan más en la exploración aleatoria y en flujos de bloquear e iterar.
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
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
Generador de colores pastel
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.
Pastel Paleta Color