Generador de colores análogos

Dar algo de contraste a los colores vecinos

Los colores análogos están próximos entre sí y comparten la saturación y la luminosidad de la base, por lo que se combinan suavemente y funcionan bien en degradados, fondos e ilustraciones. Esa misma proximidad impide separar el texto del fondo o indicar qué elementos se pueden pulsar. Varía la luminosidad de uno de los colores para el texto y las superficies, e incorpora un acento de contraste, por ejemplo el opuesto de la base mediante el generador de colores complementarios, para botones y resaltados.

Treinta grados no siempre representan el mismo paso

HSL distribuye los tonos de forma desigual para el ojo. Entre el rojo a 0°, el naranja a 30° y el amarillo a 60°, cada paso de 30° llega a un color con un nombre diferente, mientras que el intervalo aproximado de 90° a 150° está formado por verdes, por lo que un conjunto análogo basado en un verde puede parecer casi idéntico. Una base roja también da la vuelta al círculo, con un rosa cerca de 330° a un lado y naranja al otro.

Cómo se usa

1. Introduce valores #RGB o #RRGGBB válidos y cualquier porcentaje solicitado.
2. Ejecuta la operación de color fija y local en el navegador.
3. Revisa las muestras y copia el resultado o los valores de la paleta.

Privacidad y límites

Los valores de color permanecen en este dispositivo. El resultado de contraste es un verificador matemático, no una garantía general de cumplimiento con WCAG; el contexto, el renderizado de fuentes, el contraste de elementos no textuales y los estados de la interfaz de usuario todavía requieren revisión.