Rueda de color (HSV/RGB): qué es, colores primarios y versiones

Descubre la rueda de color HSV/RGB: qué es, colores primarios y versiones (electrónica e impresión). Aprende tono, saturación y valor para dominar la mezcla de colores.

Autor: Leandro Alegsa

Una rueda de color es un gráfico circular que muestra los colores primarios y secundarios, sus relaciones (complementarios, análogos, triádicos) y cómo se mezclan para formar otros tonos.

La rueda de color más utilizada hoy en día se llama rueda de color HSV, que significa tono, saturación y valor. La forma digital de la rueda de color HSV se denomina rueda de color RGB (mostrada a continuación). La rueda de color HSV/RGB se describe a continuación. Hay dos versiones: una en la que el rojo, el verde y el azul se consideran los colores primarios (llamada rueda de color electrónica o de ordenador); y otra en la que el magenta, el amarillo y el cian se consideran los colores primarios (llamada rueda de color de la impresora).

Qué es la rueda HSV

La rueda HSV es una representación visual que organiza los colores por su tono (hue), su saturación (saturation) y su valor o brillo (value). Se suele representar como un disco o cono:

  • Tono (H): la posición angular alrededor de la circunferencia (0–360°). Por ejemplo, 0° = rojo, 120° = verde, 240° = azul.
  • Saturación (S): la intensidad del color; 0% = gris (sin color), 100% = color puro. En la rueda, la saturación aumenta desde el centro hacia el borde.
  • Valor o brillo (V): cuán claro u oscuro es el color; 0% = negro, 100% = brillo máximo. En representaciones en 3D aparece como la altura (en un cilindro o cono).

Versiones: electrónica (RGB) y de impresión (CMY/CMYK)

En la rueda de color electrónica utilizada para dispositivos electrónicos como televisores y ordenadores, el rojo, el verde y el azul se consideran los colores primarios y el magenta, el amarillo y el cian se consideran los colores secundarios.

Los colores primarios aparecen siempre en la rueda de colores. Existen los tres colores primarios de la luz. Se denominan los tres colores aditivos. Son el rojo (formado en el pigmento por la mezcla de amarillo y magenta), el verde (formado en el pigmento por la mezcla de cian y amarillo) y el azul (formado en el pigmento por la mezcla de magenta y cian). Los tres colores primarios de la luz son los colores secundarios de la rueda de colores de la impresora.

En impresión y pintura se trabaja con primarios sustractivos: magenta, amarillo y cian (CMY). Estos absorben (sustraen) ciertas longitudes de onda de la luz blanca. En la práctica de la impresión se añade una cuarta tinta, el negro (K), formando el modelo CMYK para mejorar la profundidad y reducir el consumo de tinta.

Mezclas: aditiva vs. sustractiva

  • Mezcla aditiva (luz): al superponer luces de distintos colores se suman sus intensidades. Rojo + Verde = Amarillo; Verde + Azul = Cian; Azul + Rojo = Magenta. Rojo + Verde + Azul = Blanco (si las intensidades son máximas).
  • Mezcla sustractiva (pigmentos/tintas): al mezclar pigmentos se absorben partes del espectro. Magenta + Amarillo = Rojo; Amarillo + Cian = Verde; Cian + Magenta = Azul. La mezcla de los tres tiende al negro/oscuro (por eso se añade el negro K en CMYK).

Cómo se usa la rueda de color

  • Selección de paletas: la rueda ayuda a elegir colores complementarios (opuestos en la rueda) para contraste, análogos (adyacentes) para armonía o esquemas triádicos para equilibrio.
  • Edición y diseño: los programas de diseño y los selectores de color usan HSV porque separa el tono (lo que queremos cambiar) de la saturación y el brillo, lo cual facilita ajustes visuales intuitivos.
  • Iluminación y pantallas: los LEDs y monitores trabajan con RGB; entender la rueda permite controlar mezclas de luz y corregir colores en pantallas.

Representación y conversión

HSV es un sistema de coordenadas (angular para el tono, radial para la saturación y vertical para el valor). En aplicaciones digitales a menudo se convierte entre HSV y RGB mediante fórmulas matemáticas que mapean el ángulo y las componentes a valores R, G y B en el rango 0–255 (o 0–1). Muchos editores permiten alternar entre representaciones (HSV, HSL, RGB, hexadecimal) para trabajar con el formato más conveniente.

Consejos prácticos

  • Para colores más vibrantes en pantalla, aumenta la saturación y el valor; para tonos pastel, aumenta el valor y reduce la saturación.
  • Si diseñas para impresión, trabaja siempre en CMYK o convierte y prueba pruebas de impresión, ya que algunos colores RGB no pueden reproducirse exactamente en tinta.
  • Usa la rueda para comprobar accesibilidad: contraste suficiente entre texto y fondo mejora legibilidad.

Resumen histórico

Históricamente se pensó que los primarios eran rojo, amarillo y azul (RYB), un modelo útil para pintura tradicional. Con el avance en óptica y la tecnología digital se adoptaron modelos más precisos: RGB para luz (aditivo) y CMY/CMYK para pigmentos (sustractivo).

En conjunto, la rueda de color HSV/RGB es una herramienta visual y técnica esencial en arte, diseño, fotografía, impresión y tecnología digital, porque describe cómo se perciben los colores y cómo se combinan de forma práctica.

Una rueda de color HSV permite al usuario seleccionar rápidamente una multitud de colores.Zoom
Una rueda de color HSV permite al usuario seleccionar rápidamente una multitud de colores.

Los colores secundarios

(* Secundario significa segundo) Los colores secundarios están en todas las ruedas de color. Los colores secundarios se obtienen mezclando los colores primarios de la luz. Los colores secundarios de la luz son los colores primarios del pigmento en la rueda de color de la impresora (la rueda de color utilizada para la impresión en color). Estos tres colores se denominan colores sustractivos. Son el magenta (un rosa brillante), el amarillo y el cian (un azul verdoso claro). Los colores primarios de la luz son los colores secundarios en la "rueda de colores de la impresora". Los tres colores primarios del pigmento pueden mezclarse para obtener el rojo (magenta y amarillo), el verde (amarillo y cian) y el azul (cian y magenta), pero no parecen tan brillantes cuando se hacen con pigmento en lugar de con luz. Los colores secundarios pueden mezclarse con los primarios para hacer colores terciarios.

Los colores terciarios

(* Terciario significa tercero) Los colores terciarios se obtienen mezclando un color secundario y uno primario. Los colores terciarios son el naranja, que se obtiene al mezclar el rojo y el amarillo; el verde chartreuse (amarillo-verde), que se obtiene al mezclar el verde y el amarillo; el verde primavera, que se obtiene al mezclar el verde y el cian; el azul, que se obtiene al mezclar el azul y el cian; el violeta, que se obtiene al mezclar el azul y el magenta; y el rosa, que se obtiene al mezclar el rojo y el magenta.

Los colores terciarios son los mismos tanto para la rueda de color de la impresora como para la rueda de color electrónica.

Los 12 colores principales de la rueda de color

Los 12 colores principales de la rueda de color, a intervalos de 30 grados en la rueda de color HSV (mostrada arriba), son los siguientes: rojo (0 grados o 360 grados), naranja (30 grados), amarillo (60 grados), verdechartreuse (90 grados), verde (120 grados), verde primavera (150 grados), cian (180 grados), azul (210 grados), azul (240 grados), violeta (270 grados), magenta (300 grados) y rosa (330 grados). Esto constituye el conjunto completo de nombres de colores primarios, secundarios y terciarios.

La rueda de color RGB, en la que los colores se muestran de forma discreta y no continua como en la rueda de color HSV anteriorZoom
La rueda de color RGB, en la que los colores se muestran de forma discreta y no continua como en la rueda de color HSV anterior

Tabla de comparación de los 12 colores principales de la rueda de color

Nota: El rojo se muestra dos veces para poder compararlo con el naranja y el rosa.

ROJO (color web) (Hex: #FF0000) (RGB: 255, 0, 0) (0 Grados)

NARANJA (rueda de color naranja) (Hex: #FF7F00) (RGB: 255, 127, 0) (30 grados)

AMARILLO (color web) (Hex: #FFFF00) (RGB: 255, 255, 0) (60 Grados)

CHARTREUSE GREEN (color web Chartreuse) (Hex: #7FFF00) (RGB: 127, 255, 0) (90 Grados)

VERDE (X11) (rueda de color Verde) (HTML/CSS "Lime") (Verde eléctrico) (Hex: #00FF00) (RGB: 0, 255, 0) (120 Grados)

VERDE PRIMAVERA (color web) (Hex: #00FF7F) (RGB: 0, 255, 127) (150 Grados)

CYAN (color web Aqua) (Hex: #00FFFF) (RGB: 0, 255, 255) (180 Grados)

AZURE (rueda de color Azure) (Hex: #007FFF) (RGB: 0, 127, 255) (210 Grados)

AZUL (color web) (Hex: #0000FF) (RGB: 0, 0, 255) (240 Grados)

VIOLETA (rueda de color violeta) (casi violeta) (Hex: #7F00FF) (RGB: 127, 0, 255) (270 grados)

MAGENTA (color web Fucsia) (Hex: #FF00FF) (RGB: 255, 0, 255) (300 Grados)

ROSA (Hex: #FF007F) (RGB: 255, 0, 127) (330 Grados)

ROJO (color web) (Hex: #FF0000) (RGB: 255, 0, 0) (360 Grados)

Rueda de colores RYB

En la tradicional rueda de color del pigmento rojo-amarillo-azul (en la que el rojo, el amarillo y el azul se consideraban los colores primarios y el naranja, el verde y el violeta los secundarios), los colores terciarios de una rueda de color rojo-amarillo-azul (RYB) se denominaban rojo-violeta, azul-violeta, azul-verde, amarillo-verde, amarillo-naranja y rojo-naranja.

Preguntas y respuestas

P: ¿Qué es una rueda cromática?


R: Una rueda cromática es un gráfico circular que muestra los colores primarios y secundarios.

P: ¿Cuál es la rueda cromática más utilizada en la actualidad?


R: La rueda de color más utilizada hoy en día es la rueda de color HSV, que significa tono, saturación, valor.

P: ¿Cuál es la forma digital de la rueda de color HSV?


R: La forma digital de la rueda de color HSV es la rueda de color RGB.

P: ¿Cómo se describe la rueda de color HSV/RGB?


R: La rueda de color HSV/RGB se describe con dos versiones: una con rojo, verde y azul como colores primarios (rueda de color electrónica/del ordenador) y otra con magenta, amarillo y cian como colores primarios (rueda de color de la impresora).

P: ¿Dónde se sitúan los colores primarios en la rueda cromática?


R: Los colores primarios se encuentran en la parte superior de la rueda cromática.

P: ¿Cuáles son los colores primarios en la rueda cromática electrónica/del ordenador?


R: Los colores primarios de la rueda cromática electrónica/ordenador son el rojo, el verde y el azul.

P: ¿Cuáles son los colores primarios en la rueda cromática de la impresora?


R: Los colores primarios de la rueda cromática de la impresora son el magenta, el amarillo y el cian.


Buscar dentro de la enciclopedia
AlegsaOnline.com - 2020 / 2025 - License CC3