SuperDevTools

Convertidor HSL a CMYK

  • CMYK
  • HEX
  • RGB

Llevar una paleta HSL al papel

Muchas paletas web se construyen en HSL: se elige un tono en el círculo cromático (0° para el rojo, 120° para el verde, 240° para el azul) y después se ajustan la saturación y la luminosidad. Resulta cómodo para sacar matices, pero sigue siendo una descripción de luz, hecha para una pantalla.

La impresión en cuatricromía necesita CMYK: cuatro tintas, cian, magenta, amarillo y negro, que filtran la luz que refleja el papel. Este convertidor HSL a CMYK da los porcentajes de tinta teóricos de un color HSL, por ejemplo para preparar la versión impresa de una identidad que nació en la web.

En la práctica

  1. Escribe el tono, la saturación y la luminosidad: 210, 50%, 40% o 210 50 40. También puedes abrir el selector de color.
  2. El CMYK correspondiente, aquí cmyk(67%, 33%, 0%, 40%), se recalcula con cada cambio, únicamente en tu equipo.
  3. El resultado lleva un botón «Copiar», igual que las versiones HEX y RGB que aparecen debajo.

Los pasos del cálculo

El color pasa primero a RGB y luego a CMYK. Con hsl(210, 50%, 40%):

  1. Amplitud entre el canal más alto y el más bajo: (1 − |2 × 0,40 − 1|) × 0,50 = 0,40. El más bajo vale 0,40 − 0,40 / 2 = 0,20 y el más alto 0,60.
  2. A 210°, entre el cian (180°) y el azul (240°), el azul es el canal alto, el rojo el bajo y el verde queda a medio camino: 0,40.
  3. Al multiplicar por 255 sale rgb(51, 102, 153).
  4. Negro: K = 1 − 153 / 255 = 0,40, o sea 40 %.
  5. Tintas: C = (153 − 51) / 153 = 67 %; M = (153 − 102) / 153 = 33 %; Y = 0 %.
ColorHSLCMYK
Rojo0, 100%, 50%cmyk(0%, 100%, 100%, 0%)
Amarillo60, 100%, 50%cmyk(0%, 0%, 100%, 0%)
Ámbar45, 100%, 50%cmyk(0%, 25%, 100%, 0%)
Verde oscuro120, 100%, 25%cmyk(100%, 0%, 100%, 50%)
Violeta270, 50%, 40%cmyk(33%, 67%, 0%, 40%)
Antracita0, 0%, 20%cmyk(0%, 0%, 0%, 80%)

Preguntas frecuentes

¿Bastan estos valores para mandar un trabajo a imprimir?

No, tómalos como referencia. La herramienta no sabe nada de tu papel ni de la máquina: aplica una simple proporción, mientras que una imprenta se apoya en un perfil ICC (FOGRA para el offset europeo, SWOP en Norteamérica, entre otros). Los colores HSL con saturación del 100 % y luminosidad del 50 %, muy brillantes en pantalla, a menudo no se pueden reproducir con cuatro tintas y pierden fuerza en papel. Antes de dar por bueno un archivo, pide a la imprenta su perfil y, si es posible, una prueba de color.

¿Qué colores HSL dan 0, 0, 0, 100?

Todos los que tienen luminosidad del 0 %: es negro, sean cuales sean el tono y la saturación. Solo se usa tinta negra, sin negro enriquecido. En el extremo contrario, una luminosidad del 100 % da cmyk(0%, 0%, 0%, 0%): ninguna tinta, el blanco del papel.

¿Por qué la ida y vuelta no me devuelve el HSL exacto?

Cada etapa redondea al entero. hsl(210, 50%, 40%) se convierte en cmyk(67%, 33%, 0%, 40%), que al deshacer el camino da hsl(209, 51%, 40%). La diferencia es de un grado y un punto, sin efecto visible.