Generador de Paleta de Colores
Genera paletas de colores armoniosas a partir de cualquier color base.
① Elige un color base ② Selecciona un modo ③ Haz clic en Generar
Presets:
Modo
Análogo
—
Color base
#3A7BD5
HSL(215, 65%, 53%)
vs Blanco
4.2:1 AA Large
vs #FFFFFF
Cómo crear paletas de colores armoniosas
Una paleta de colores es un conjunto curado basado en principios de la teoría del color. El generador usa el espacio HSL para calcular relaciones matemáticamente precisas.
Los colores análogos se encuentran adyacentes en la rueda (30° de separación). Los complementarios se encuentran opuestos (180°), produciendo máximo contraste.
El complementario dividido es una alternativa más suave. Los esquemas tetrádicos usan cuatro colores en forma de rectángulo. Los monocromáticos exploran un solo matiz en distintas luminosidades.
Preguntas Frecuentes
Crea automáticamente grupos de colores armoniosos basándose en reglas de la teoría del color usando el modelo HSL.
Convierte HEX a HSL y desplaza el tono en ángulos fijos: ±30° análogo, 180° complementario, 120°/240° triádico.
Análogas usan colores vecinos (30°–60°). Complementarias usan colores opuestos (180°), creando alto contraste.
Las WCAG definen 4,5:1 para texto normal y 3:1 para texto grande (Nivel AA).
Se generan matemáticamente en HSL. La percepción varía según la calibración del monitor.
Haz clic en "Exportar CSS" y pega las variables en tu bloque :root.
Análogo: 5. Complementario: 4. Triádico: 3+. Tetrádico: 4. Monocromático: 6.