Generador de sombras de color

Tonos oscuros para estados y texto

Un tono oscuro del 10–20% del color de un botón es un estado habitual al pasar el cursor o al pulsarlo: lo bastante oscuro para notarse, pero sin parecer un color diferente. Los tonos con un 60–80% de negro convierten un color de marca en un tono profundo para encabezados o texto que aún se percibe como parte de la paleta, y son los pasos con más probabilidades de superar el contraste sobre un fondo blanco. Crea todos los pasos a partir de la base original para que la escala sea uniforme.

Cuando las versiones oscuras se vuelven turbias

Mezclar con negro reduce todos los canales por igual, lo que conserva el tono, pero no la forma en que lo describimos. El amarillo oscuro parece oliva, el naranja oscuro parece marrón y el rosa oscuro parece granate, aunque las matemáticas funcionen exactamente como deben. Si un tono parece sucio, los diseñadores suelen desplazar ligeramente el tono, por ejemplo, el amarillo hacia el naranja, antes de oscurecerlo. El mezclador de colores permite oscurecer hacia un azul marino intenso o un marrón en lugar de usar negro puro, para obtener un resultado más rico.

Cómo se usa

1. Introduce valores #RGB o #RRGGBB válidos y el porcentaje indicado.
2. Ejecuta la operación de color fija, 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 conformidad con WCAG; el contexto, el renderizado de fuentes, el contraste de elementos no textuales y los estados de la interfaz de usuario aún requieren revisión.