El concepto de un sistema de color con un matiz se exploró ya en 1830 con la esfera de color de Philipp Otto Runge. El sistema de color de Munsell de la década de 1930 fue un gran paso adelante, ya que se comprendió que la uniformidad perceptiva significa que el espacio de color ya no puede ser una esfera.
Como convención, el matiz para el rojo se establece en 0° para la mayoría de los espacios de color con un matiz.
Espacios de color opuestosEditar
En los espacios de color opuestos en los que dos de los ejes son perceptivamente ortogonales a la luminosidad, como los espacios de color CIE 1976 (L*, a*, b*) (CIELAB) y 1976 (L*, u*, v*) (CIELUV), el matiz puede calcularse junto con el croma convirtiendo estas coordenadas de forma rectangular a forma polar. El matiz es el componente angular de la representación polar, mientras que el croma es el componente radial.
Específicamente, en CIELAB
h a b = a t a n 2 ( b ∗ , a ∗ ) , {\displaystyle h_{ab}=\mathrm {atan2} (b^{*},a^{*}),}
mientras que, análogamente, en CIELUV
h u v = a t a n 2 ( v ∗ , u ∗ ) = a t a n 2 ( v ′ , u ′ ) , {\displaystyle h_{uv}=\mathrm {atan2} (v^{*},u^{*})=\mathrm {atan2} (v’,u’),}
donde, atan2 es una tangente inversa de dos argumentos.
Definiendo el tono en términos de RGBEdit
El espacio de color HSV como un objeto cónico
Una ilustración de la relación entre el «tono» de los colores con máxima saturación en HSV y HSL con sus correspondientes coordenadas RGB
Preucil describe un hexágono de color similar a un gráfico trilineal descrito por Evans, Hanson y Brewer, que puede utilizarse para calcular el tono a partir del RGB. Para situar el rojo a 0°, el verde a 120° y el azul a 240°,
h r g b = a t a n 2 ( 3 ⋅ ( G – B ) , 2 ⋅ R – G – B ) . {\displaystyle h_{rgb}=\mathrm {atan2} \left({\sqrt {3}\cdot (G-B),2\cdot R-G-B\right).}
Equivalentemente, se puede resolver
tan ( h r g b ) = 3 ⋅ ( G – B ) 2 ⋅ R – G – B . {\displaystyle \tan(h_{rgb})={frac {{sqrt {3}} {{cdot (G-B)}{2{cdot R-G-B}}.
Preucil utilizó un gráfico polar, que denominó círculo de color. Utilizando R, G y B, se puede calcular el ángulo de matiz utilizando el siguiente esquema: determinar cuál de las seis ordenaciones posibles de R, G y B prevalece, y luego aplicar la fórmula dada en la tabla siguiente.
Nótese que en cada caso la fórmula contiene la fracción M – L H – L {\displaystyle {\frac {M-L}{H-L}} , donde H es el más alto de R, G y B; L es el más bajo, y M es el medio entre los otros dos. Esto se denomina «error de matiz Preucil» y se utilizó en el cálculo de la intensidad de la máscara en la reproducción fotomecánica del color.
Los ángulos de matiz calculados para el círculo Preucil coinciden con el ángulo de matiz calculado para el hexágono Preucil en múltiplos enteros de 30° (rojo, amarillo, verde, cian, azul, magenta y los colores intermedios entre pares contiguos) y difieren en aproximadamente 1.2° en múltiplos enteros impares de 15° (según la fórmula del círculo), la máxima divergencia entre ambos.
El proceso de conversión de un color RGB a un espacio de color HSL o a un espacio de color HSV suele basarse en un mapeo a trozos de 6 piezas, tratando el cono HSV como un hexacono, o el doble cono HSL como un doble hexacono. Las fórmulas utilizadas son las de la tabla anterior.
24 tonos de HSL/HSVEdit
Aunque la variación de la luminancia es fácil de notar para HSL/HSV, la variación del tono es menos perceptible. Este gráfico mapea 12 puntos de la rueda de color HSV al plano de color de CIELAB, mostrando la falta de uniformidad en el tono y la saturación.
Los ángulos de tono que se muestran a continuación sólo se aplican a las dos transformaciones de estilo Preucil de RGB, y no se aplican a los espacios de color más uniformes basados en Lab/LUV. Como se ilustra en la varianza de la luminancia, las transformaciones basadas en RGB separan mal los atributos de creación de color.
| Ángulo de tonalidad | Código de color | Nombre del color | nombre del color (en colores de prueba) | luminancia | |||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 0° | #FF0000 | rojo | rojo | 30% | 15° | #FF4000 | verde | rojo anaranjado | 45% | ||||||||||||||||||||||||||||||||||
| 30° | #FF8000 | naranja | naranja | 59% | |||||||||||||||||||||||||||||||||||||||
| 45° | #FFBF00 | amarillo dorado | caqui | 74% | |||||||||||||||||||||||||||||||||||||||
| 60° | #FFFF00 | amarillo (color de la web)=limón yellow | yellow | 89% | |||||||||||||||||||||||||||||||||||||||
| 75° | #BFFF00 | yellowish verde | cal | 81% | |||||||||||||||||||||||||||||||||||||||
| 90° | #80FF00 | verde amarillento, chartreuse | oliva | 74% | |||||||||||||||||||||||||||||||||||||||
| 105° | #40FF00 | verde hoja | verde hierba | 66% | 120° | #00FF00 | verde | 59% | 135° | #00FF40 | verde cobalto | verde azulado | 62% | 150° | #00FF80 | Verde esmeralda | Teal | 64% | #00FFBF | Verde turquesa, verde azulado | cián verdoso | 67% | |||||||||||||||||||||
| #00FFFF | azul turquesa, cian (color web) | cian | 70% | ||||||||||||||||||||||||||||||||||||||||
| 195° | #00BFFF | azul cerúleo | cian azulado | 55% | |||||||||||||||||||||||||||||||||||||||
| 210° | #0080FF | azul | azul | 41% | |||||||||||||||||||||||||||||||||||||||
| 225° | #0040FF | azul, azul cobalto | azul violeta | 26% | |||||||||||||||||||||||||||||||||||||||
| 240° | #0000FF | azul (color web)=ultramarino | violeta | 11% | |||||||||||||||||||||||||||||||||||||||
| 255° | #4000FF | jacinto | violeta púrpura | 19% | |||||||||||||||||||||||||||||||||||||||
| 270° | #8000FF | violeta | morado | 26% | |||||||||||||||||||||||||||||||||||||||
| 285° | #BF00FF | magenta púrpura | 34% | ||||||||||||||||||||||||||||||||||||||||
| 300° | #FF00FF | magenta (color web) | magenta | 41% | |||||||||||||||||||||||||||||||||||||||
| #FF00BF | púrpura rojizo | crimson | 38% | ||||||||||||||||||||||||||||||||||||||||
| 330° | #FF0080 | rojo rojizo, carmesí | escarlata | 36% | |||||||||||||||||||||||||||||||||||||||
| 345° | #FF0040 | carmín | rojo escarlata | 33% | |||||||||||||||||||||||||||||||||||||||