Genera escalas de gradiente perceptualmente uniformes entre dos colores, o mezcla con semántica sustractiva.
linear-gradient(90deg, #E63946 0%, #CD4D66 17%, #B35881 33%, #995E99 50%, #7E61AF 67%, #5F60C5 83%, #3B5BDB 100%)
Interpolación en el espacio OKLab: el tono sigue una ruta visualmente uniforme — rojo + azul da púrpura en lugar de gris turbio, sin zona muerta en el medio.
Una escala perceptualmente uniforme entre cualquier par de colores - densidad ajustable, degradado CSS con un clic.
Elige un color para A y B (selector de color o entrada HEX directa); el botón de intercambio cambia los extremos con un clic.
El modo perceptual interpola en OKLab para que incluso los pares complementarios mantengan su transición de tono; el modo RGB reproduce la mezcla ingenua de la mayoría de programas - compara ambos para ver la diferencia.
Arrastra el control deslizante de pasos para la densidad de escala (3-15), copia el degradado CSS completo o haz clic en cualquier color intermedio para abrir su perfil.
Tres preguntas frecuentes sobre algoritmos de mezcla.
Lleva la escala al estudio de degradados para agregar más paradas, o abre la rueda de colores para crear armonías a partir de un color mezclado.
Degradados OKLCH perceptualmente uniformes, sin bandas grises, exportación CSS con un clic.
Arrastra la rueda para elegir un color base, obtén seis esquemas de armonía en vivo, ábrelo en el panel o exporta PNG.
Convierte cualquier color en una escala de sistema de diseño de 11 pasos, perceptualmente uniforme en OKLCH, con contraste WCAG por paso, exporta a Tailwind/CSS/SCSS/JSON.