Conversor de modelos de color (RGB, HSL, HSV, CMYK)

Introduce un código de color HEX o elige uno con el selector de color para calcular al instante sus valores equivalentes en RGB, HSL, HSV (HSB) y CMYK, todos a la vez.

En qué se diferencian los modelos de color

Modelo Descripción Uso habitual
RGB Un modelo de color aditivo que mezcla los tres colores primarios de la luz (rojo, verde y azul), cada uno en una escala de 0 a 255. Pantallas, desarrollo web (CSS) y el formato base de la mayoría de editores de imagen.
HSL Representa un color mediante el matiz, la saturación y la luminosidad. Se aproxima más a cómo los humanos describen el color de forma intuitiva. La función `hsl()` de CSS y el ajuste de matiz/saturación en herramientas de paletas de color.
HSV/HSB Representa un color mediante el matiz, la saturación y el valor (brillo). Se parece a HSL pero define el tercer eje de forma distinta. Los selectores de color de herramientas de diseño como Photoshop e Illustrator.
CMYK Un modelo de color sustractivo que superpone cuatro tintas: cian, magenta, amarillo y una plancha clave (negro). Diseño de impresión y autoedición (DTP), donde el color se reproduce con tinta sobre papel.

Consejos

  • El campo HEX acepta códigos con o sin el símbolo `#` inicial, tanto en formato abreviado de 3 dígitos (por ejemplo, `#f60`) como en el de 6 dígitos.
  • Cualquier color que elijas con el selector se refleja automáticamente en el código HEX, de modo que puedes elegir colores visualmente mientras compruebas los valores numéricos exactos.
  • Si quieres definir un color de fondo o de texto en CSS con la función `hsl()`, puedes usar directamente los valores HSL mostrados aquí en el formato `hsl(H, S%, L%)`.
  • Al preparar archivos para impresión, ten en cuenta que los valores CMYK mostrados aquí son una conversión simplificada; los valores reales que utiliza el perfil ICC de una imprenta pueden diferir ligeramente.

Preguntas frecuentes

RGB representa un color mezclando los tres colores primarios de la luz (rojo, verde y azul), cada uno en una escala de 0 a 255, y es el formato básico que utilizan internamente los ordenadores. HSL expresa ese mismo color con tres ejes más cercanos a la intuición humana (matiz, saturación y luminosidad), lo que facilita ajustes como "un poco más claro" o "un poco más vivo".

HSV y HSL comparten los mismos ejes de matiz (H) y saturación (S), pero definen el tercer eje de forma distinta. La luminosidad de HSL describe cuánto se mezcla un color hacia el negro o el blanco, mientras que el valor de HSV describe solo cuánto negro se ha mezclado en el color. Cuando quieres elegir un color vivo y casi puro, HSV suele resultar más intuitivo, por lo que es el modelo usado en los selectores de color de herramientas como Photoshop.

En teoría, mezclar a partes iguales tinta cian, magenta y amarilla debería producir negro, pero las tintas reales nunca son perfectamente puras, así que la mezcla de las tres solo produce un marrón apagado. Para conseguir negros nítidos y profundos (sobre todo para el texto), la industria de la impresión añade una tinta negra dedicada, la plancha clave, denotada como K.

Las pantallas crean color mediante mezcla aditiva, combinando luz roja, verde y azul, por lo que RGB, basado en los primarios de la luz, encaja de forma natural. La impresión, en cambio, funciona por mezcla sustractiva, superponiendo tintas sobre papel que absorben la luz, por lo que se usa CMYK, los primarios de tinta más el negro. Como los dos procesos se basan en principios distintos, los colores en pantalla y en el papel impreso no siempre coinciden exactamente, una diferencia conocida como gama de color (gamut).
ツールくん

A propósito — la historia detrás de estos modelos de color

La idea de la mezcla aditiva de color detrás de RGB se remonta a la teoría del color del siglo XIX, pero solo se generalizó en los gráficos por ordenador a partir de la década de 1970. Los primeros televisores y monitores en color creaban el color iluminando fósforos rojos, verdes y azules en un tubo de rayos catódicos, así que RGB se adoptó como el modelo numérico que se correspondía directamente con ese hardware físico.

Tanto HSL como HSV fueron ideados por investigadores de gráficos por ordenador en las décadas de 1970 y 1980 para resolver un problema concreto de usabilidad: ajustar directamente los números RGB no resulta intuitivo para las personas. HSV en particular es conocido por haberse formalizado en un artículo de 1978 de Alvy Ray Smith, quien más tarde se convirtió en uno de los cofundadores de Pixar.

CMYK evolucionó junto con la historia de la tecnología de impresión y proviene de una técnica llamada impresión a cuatro tintas (four-color process printing). Como el cian, el magenta y el amarillo por sí solos tienen dificultades para reproducir un negro profundo, se añadió una plancha clave (negro) dedicada para resolver esa limitación propia de la impresión. CMYK sigue siendo hoy el estándar en la impresión offset, las impresoras de inyección de tinta y muchas otras tecnologías de impresión.

Más herramientas en esta categoría