Generador de paleta de colores

Resultado de ejemplo

Datos de referencia:

• Color base: #ff0000

Resultado:

Base

#ff0000

Complementario

#00ffff

Análogos

#ff0080, #ff8000

Tríada

#00ff00, #0000ff

Tetrada

#80ff00, #00ffff, #8000ff

Complementarios divididos

#00ff80, #0080ff

Monocromática

#660000, #b30000, #ff4d4d, #ff9999

Tonos claros (tints)

#ff3333, #ff6666, #ff9999, #ffcccc

Tonos oscuros (shades)

#cc0000, #990000, #660000, #330000

Variables CSS:

:root {
  --color-base: #ff0000;
  --color-complementario: #00ffff;
  --color-analogo-1: #ff0080;
  --color-analogo-2: #ff8000;
  --color-triada-1: #00ff00;
  --color-triada-2: #0000ff;
  --color-claro: #ff9999;
  --color-oscuro: #990000;
}