Conversor de Colores.

Convierte colores entre HEX, RGB, HSL y CMYK al instante. Selecciona un color visualmente o introduce valores — ideal para diseñadores y desarrolladores.

HEX
CMYK
RGB
R
G
B
HSL
H
S
L

Esta herramienta convierte códigos de color entre los formatos HEX, RGB, HSL y CMYK en tiempo real. Ya sea que estés construyendo un sitio web, diseñando un logotipo o combinando colores de marca, simplemente elige un color o introduce cualquier valor y los cuatro formatos se actualizan al instante. Todo funciona en tu navegador — no se envían datos a ningún servidor.

Cómo usarlo

Haz clic en la muestra de color de la parte superior para abrir el selector de color de tu dispositivo, o escribe un código HEX directamente en el campo HEX (el # es opcional). También puedes ajustar los números R, G, B para RGB o los números H, S, L para HSL — todos los campos permanecen sincronizados. El CMYK se actualiza automáticamente y es de solo lectura. Haz clic en Copiar junto a cualquier formato para copiar el valor listo para CSS.

La conversión de color funciona mejor cuando un mismo color puede pasar limpiamente entre herramientas

Un buen conversor de color no sirve realmente para generar más códigos. Sirve para mantener intacta una misma decisión visual mientras pasa por archivos de diseño, CSS, librerías de componentes y referencias de impresión. Un mismo color puede necesitar HEX para una entrega, RGB para la implementación, HSL para un ajuste y CMYK para un documento cercano al mundo impreso.

Esta herramienta mantiene esos formatos alineados en un solo lugar para que puedas moverte entre ellos sin perder de vista el color original.

Dónde suele aparecer la fricción

Traspaso de diseño a desarrollo

Una persona habla en tokens de diseño o en HEX, otra necesita valores CSS, y un solo carácter mal copiado basta para producir un tono equivocado en producción.

Trabajo de marca

Un color de marca no es solo una idea visual. Es un conjunto de representaciones numéricas exactas que deben mantenerse alineadas entre recursos, código y documentación.

Depuración de una interfaz existente

Cuando algo se ve ligeramente raro, revisar el mismo color en varios formatos puede revelar si el problema está en el código, en la conversión o en el valor de origen.

Los errores que importan

Suponer que valores parecidos son intercambiables

Dos valores pueden parecer cercanos y aun así no ser el mismo color. Eso importa todavía más cuando un sistema de marca depende de la consistencia.

Tratar CMYK como idéntico al color en pantalla

CMYK sirve como referencia, pero los flujos de pantalla e impresión no son espejos perfectos. La conversión ayuda a traducir, no a garantizar una salida física idéntica.

Editar un formato y olvidarse de los demás

La ventaja de un conversor sincronizado es que puedes ajustar una representación y mantener alineadas de inmediato las demás.

Ejemplos prácticos

Llevar un color elegido al código de producción

Puedes encontrar primero el tono correcto de forma visual y solo después necesitar el valor HEX o HSL exacto para implementarlo.

Verificar una guía de estilo

Si un documento lista HEX, RGB y CMYK para el mismo color de marca, un conversor facilita comprobar que esos valores siguen describiendo el mismo resultado previsto.

Depurar un elemento fuera de marca

Si un botón o un fondo se ve mal, comparar las salidas vinculadas puede ayudar a aislar si el problema es un valor mal pegado o un malentendido sobre el formato.

Qué no hace esta herramienta

Esta herramienta convierte formatos de color. No evalúa contraste de accesibilidad, no construye una paleta completa ni sustituye una prueba de impresión calibrada. Sirve para transferir representaciones con precisión, no para todas las decisiones de diseño sobre color.

La disciplina útil que hay detrás

El objetivo no es simplemente generar más códigos. Es mantener una identidad de color coherente mientras se mueve por distintas partes de un flujo de trabajo. Ahí es donde un conversor ahorra tiempo de verdad y evita inconsistencias visuales de bajo nivel.

Ejemplos

Rojo puro #ff0000 → rgb(255, 0, 0) → hsl(0, 100%, 50%)
Azul cielo #87ceeb → rgb(135, 206, 235) → hsl(197, 71%, 73%)
Verde bosque #228b22 → rgb(34, 139, 34) → hsl(120, 61%, 34%)
Blanco #ffffff → rgb(255, 255, 255) → CMYK C:0% M:0% Y:0% K:0%
Negro #000000 → rgb(0, 0, 0) → CMYK C:0% M:0% Y:0% K:100%

FAQ

¿Qué es un código de color HEX?

Un código HEX es una cadena de seis caracteres usada en diseño web y CSS para definir colores. Comienza con # seguido de tres pares de dígitos hexadecimales que representan los valores de rojo, verde y azul — por ejemplo, #ff0000 es rojo puro.

¿Cuál es la diferencia entre RGB y CMYK?

RGB (Rojo, Verde, Azul) es un modelo de color aditivo usado para pantallas — mezcla luz. CMYK (Cian, Magenta, Amarillo, Negro) es un modelo sustractivo usado en impresión. Los valores CMYK mostrados son una aproximación matemática estándar desde los valores RGB.

¿Por qué mis valores CMYK difieren del software de impresión?

El software de impresión profesional usa perfiles de color ICC que varían según la impresora y el papel. Esta herramienta calcula una aproximación matemática estándar, ideal para uso web pero que puede diferir de los perfiles específicos de impresión.

¿Esta herramienta es gratuita y privada?

Sí — completamente gratuita y funciona íntegramente en tu navegador. No se envían valores de color a ningún servidor.

Herramientas relacionadas

Privacidad y datos

Esta herramienta funciona completamente en tu navegador. Nada de lo que escribes o pegas se envía a ningún servidor — todo el procesamiento ocurre localmente en tu dispositivo.