1
Elija armonía
2
Seleccionar color
3
Obtener paleta

Paso 1: Elija el tipo de armonía de color

Elija el tipo de armonía de color

Paso 2: Elige tu color base

Elige un color base para generar paletas armónicas

Ingrese un código de color HEX (por ejemplo, #3B82F6) o use el selector de color

Colores preestablecidos

Paso 3: Su paleta generada

#042761
rgb(4, 39, 97)
hsl(217, 92%, 20%)
Contraste: 14.3:1AA ✓
#094fc2
rgb(9, 79, 194)
hsl(217, 91%, 40%)
Contraste: 7.2:1AA ✓
#3b82f6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
Contraste: 3.7:1AA✗
#9dc0fa
rgb(157, 192, 250)
hsl(217, 90%, 80%)
Contraste: 11.4:1AA ✓
#fefeff
rgb(254, 254, 255)
hsl(240, 100%, 100%)
Contraste: 20.8:1AA ✓

Pruebe también: Comprobador de contraste de color

Pruebe cualquier par de primer plano/fondo según los estándares WCAG AA y AAA con vista previa de texto en vivo y sugerencias accesibles.

♿ Abrir Comprobador de Contraste →