Conversor de Colores (HEX, RGB, HSL, HSB, CMYK)

Elige un color en el selector o escribe un valor en cualquier formato — los demás campos se actualizan automáticamente.

Qué formato de color usar

HEX (#2f6bff) es el más usado en CSS y diseño web. RGB representa el color mezclando rojo, verde y azul (0–255 cada uno), también muy usado en CSS. HSL (matiz, saturación, luminosidad) es más intuitivo para ajustar tonos. HSB/HSV (matiz, saturación, brillo) es el estándar usado en herramientas de diseño como Photoshop e Illustrator. CMYK (cian, magenta, amarillo, negro) se usa para impresión.

Cómo usarlo

Elige un color con el selector visual o escribe un valor en cualquier campo (ej: #ff5500, rgb(255, 85, 0) o hsl(20, 100%, 50%)) — los demás formatos y la vista previa se actualizan automáticamente. Usa el botón de copiar para obtener el código listo para tu CSS.

Preguntas frecuentes

¿Cuál es la diferencia entre HSB/HSV y HSL?

Ambos usan matiz (0–360°) y saturación, pero el tercer valor es distinto: HSL usa luminosidad (qué tan cerca está el color del negro o blanco) y HSB/HSV usa brillo (qué tan cerca está del blanco partiendo del color puro). Por eso el mismo matiz puede tener valores de S y B/L distintos entre los dos sistemas.

¿El CMYK generado aquí sirve para impresión profesional?

Es una conversión matemática simple de RGB a CMYK, útil como referencia. Para impresión profesional con fidelidad de color, una imprenta suele usar perfiles de color (ICC) calibrados para la impresora y el papel específicos.