Conversor de HEX a RGB y CMYK

Convierte colores entre HEX, RGB, CMYK y HSL al instante
Local · privado
RGB
HSL
CMYK

Sobre esta herramienta

Convierte colores entre los formatos HEX (#RRGGBB), RGB (rojo, verde, azul), CMYK (cian, magenta, amarillo, negro, usado en impresión) y HSL (tono, saturación, luminosidad) de forma gratuita e instantánea. Incluye un selector visual de color para elegir el tono exacto que necesitas con el mouse. Muy útil para diseñadores web, desarrolladores frontend que trabajan con CSS, diseñadores gráficos que preparan archivos para imprenta (donde se usa CMYK en vez de RGB), o cualquier persona que necesite saber el código hexadecimal exacto de un color para usarlo en Photoshop, Figma, CSS o HTML. El cálculo se hace directamente en tu navegador con las fórmulas de conversión de color estándar de la industria, sin necesidad de instalar programas ni crear una cuenta. Copia el resultado con un clic y pégalo donde lo necesites.

Preguntas frecuentes

¿Qué formatos convierte?

HEX (#RRGGBB), RGB, HSL y CMYK, a partir de un código HEX o del selector de color. Por ejemplo, #1877F2 es rgb(24, 119, 242). Puedes copiar cada resultado con un clic.

¿Acepta HEX de tres dígitos, como #FFF?

No: espera el formato completo de seis dígitos. Si tienes un código abreviado, expándelo duplicando cada dígito: #FFF es #FFFFFF y #1A8 es #11AA88.

¿Es fiable el CMYK para imprimir?

Es una conversión matemática directa desde RGB, sin perfil de color de impresión, así que sirve como referencia pero no coincide exactamente con lo que verás impreso. Para una imprenta, usa los valores CMYK de tu programa de diseño con el perfil correcto.

¿Cuándo uso HEX y cuándo RGB o HSL?

HEX es lo más habitual en CSS y diseño web. RGB permite añadir transparencia (rgba). HSL es el más intuitivo para ajustar: cambiar solo la luminosidad o la saturación de un color sin tocar su tono.

¿Cómo sé si dos colores tienen buen contraste?

Esta herramienta convierte formatos, no mide contraste. Para saber si un color de texto se lee sobre un fondo, usa el Verificador de contraste de color, que aplica los criterios de accesibilidad WCAG.

¿Por qué un mismo color se ve distinto en dos pantallas?

Porque cada pantalla tiene su propia calibración, brillo y espacio de color. El código es el mismo, pero la pantalla lo reproduce a su manera. Para trabajo profesional del color, se calibran los monitores.

Herramientas relacionadas

Espacio publicitario