Esquema de Colores Análogos

Un esquema de color análogo usa colores que están uno al lado del otro en la rueda de color, generalmente dentro de 30 a 60 grados de un matiz base. Como los matices están cerca entre sí, estas paletas se sienten armoniosas y cohesivas en lugar de alto contraste.

Tu color base se convierte a HSL, luego se generan nuevos colores desplazando el matiz hacia arriba y hacia abajo por el paso de ángulo que elijas, manteniendo la misma saturación y luminosidad que el color base, así que cada color en la paleta se siente parte de la misma familia.

30 grados es la elección tradicional para esquemas análogos y funciona bien para la mayoría de los diseños. Usa 15 grados para una paleta más sutil y agrupada, o 45 grados para una dispersión más amplia que comienza a introducir más contraste.

Sí, usa "Copiar como variables CSS" para copiar un bloque :root listo para pegar con cada color como propiedad personalizada, o "Copiar como lista HEX" para copiar solo los códigos hex, uno por línea.

Los esquemas complementarios emparejan un color con su opuesto en la rueda (180 grados de distancia) para alto contraste, y los esquemas triádicos usan tres colores espaciados uniformemente a 120 grados. Los esquemas análogos en cambio mantienen todos los colores juntos, favoreciendo la armonía sobre el contraste.