¿Qué es un matiz?
Un matiz es un color puro: la cualidad que identificamos como rojo, azul o verde. En una rueda cromática, cada matiz ocupa una posición alrededor del círculo. El rosa y el granate no son matices distintos, sino un tinte y una sombra del mismo matiz, el rojo.
Más sobre el matiz
Matiz, tinte, sombra y tono
Los tintes, las sombras y los tonos son variaciones de un solo matiz puro. Añadir blanco produce un tinte; añadir negro, una sombra; y añadir gris, un tono más suave y apagado. El diagrama anterior muestra toda la familia del rojo. La misma fórmula funciona con cualquier matiz: así, el verde menta y el verde bosque parten del verde.
¿Cómo funciona el matiz en una pantalla?
En pintura se enseñan el rojo, el amarillo y el azul como colores primarios, pero las pantallas mezclan luz, no pigmentos: cada color de una pantalla procede de combinar luz roja, verde y azul. En CSS, los diseñadores suelen definir colores con hsl(). El primer número sitúa el matiz en la rueda cromática: 0 corresponde al rojo, 120 al verde y 240 al azul. Escribir hsl(240 100% 50%) significa usar el matiz azul con saturación completa y luminosidad media.
El matiz en las paletas de colores
La paleta de una marca suele partir de uno o dos matices principales y completarse con tintes, sombras y uno o dos colores neutros. El matiz establece el esquema cromático; las variaciones evitan que las páginas se vean planas sin perder coherencia. Los matices complementarios, situados en lados opuestos de la rueda, producen el contraste cromático más fuerte.
El matiz y las conversiones
Las decisiones de color pueden cambiar los resultados, por eso el matiz forma parte de la optimización de conversiones. Un botón de llamada a la acción con un matiz distinto del resto de la página tiende a destacar y recibir más clics; si su matiz se parece al fondo, puede pasar inadvertido. Como regla práctica, elige para la llamada a la acción un matiz que no uses en otro lugar de la página. Un matiz distinto aporta más separación visual que limitarse a aclarar un color existente.
Preguntas Frecuentes
- El matiz es un componente del color. Un color completo combina un matiz, que indica su posición en la rueda cromática, con saturación y luminosidad. El azul marino y un azul primario intenso son colores distintos basados en el mismo matiz azul.
- No. Son colores neutros o acromáticos: carecen de matiz. Por eso no hay una posición gris en la rueda cromática, que solo representa matices. En
hsl(), cualquier color con la saturación en 0 % es neutro. - En
hsl(), es un ángulo de 0 a 360 grados alrededor de la rueda cromática; ambos extremos coinciden. Al cambiar solo el primer número, el color recorre todos los matices mientras la saturación y la luminosidad permanecen fijas. - El matiz es continuo, por lo que técnicamente hay infinitos. En la práctica, los diseñadores suelen trabajar con una rueda dividida en 12 matices con nombre: tres primarios, tres secundarios y seis terciarios; los demás colores se construyen como variaciones de ellos.
Diseño Web Personalizado
Obtén un sitio web único y compatible con dispositivos móviles que haga brillar tu marca. Comparte tu visión con nosotros y nos encargaremos del resto.
Diseño Web Personalizado