Círculo cromático

Toda rueda de color que hayas usado es una rebanada de un espacio de color, y cuál sea ese espacio decide si la rueda te dice algo. La de toda la vida es una rebanada de HSL al 50% de luminosidad. Mírala: el amarillo de arriba es cegador y el azul de abajo es casi negro, y HSL llama a ambos 50% de luminosidad. Un esquema sacado de esa rueda es un conjunto de colores que no tienen nada en común salvo un ángulo.

Esta rueda es una rebanada de OKLCh, cuyo eje de luminosidad sigue lo que el ojo informa de verdad. Con el deslizador en una posición dada, cada píxel pintado tiene la misma luminosidad percibida — así que moverse por el borde cambia el tono y solo el tono, y dos colores opuestos son de verdad una pareja emparejada y no uno gritando por encima del otro.

Qué es el borde irregular

El área pintada no es un disco, y eso es lo más informativo de la página. El croma sale hacia fuera desde el gris del centro, y un píxel solo se pinta cuando el color que describe existe en sRGB. El resultado es la forma real del gamut a esa luminosidad: los amarillos y los verdes llegan muy lejos, los azules y los violetas se detienen pronto, y toda la figura se encoge hacia un punto cuando arrastras el deslizador de luminosidad hacia cualquiera de los dos extremos — porque un color muy oscuro o muy claro no puede ser muy colorido.

Una rueda que llenara el disco estaría mintiendo sobre eso. Pintaría el mismo color recortado por toda la región fuera del gamut, y elegirías un valor que tu pantalla no puede mostrar sin que nadie te lo dijera.

Cómo se calculan los esquemas

Cada esquema es un conjunto de rotaciones de tono — 180° para el complementario, ±30° para el análogo, pasos de 120° para el tríada, 150° y 210° para el complementario dividido — aplicadas en OKLCh con la luminosidad y el croma fijos. Si un tono rotado cae fuera del gamut, su croma se recoge por búsqueda binaria hasta que encaja, lo que mantiene exactos el tono y la luminosidad y solo renuncia a la saturación que de todos modos no estaba disponible.

Sinceridad sobre lo que vale un esquema

Una armonía es una relación aritmética, no un diseño. El tríada te da tres tonos separados 120°; no te dice que dos de ellos deben atenuarse a una décima parte de su croma antes de que el tercero pueda ser un acento. Las interfaces se construyen sobre todo con un tono y una rampa neutra, con un segundo tono para la acción destructiva — la opción monocromática está más cerca de lo que publican los sistemas de diseño reales que cualquier otra de esta lista. Usa la rueda para encontrar las relaciones y luego tira la mayor parte de la saturación.