¿Qué es Conversor de colores?

El Conversor de Color traduce entre los formatos HEX, RGB, HSL, HSV y CMYK. Elige un color o escribe un valor, y verás el resultado en todos los formatos con una vista previa en tiempo real.

Elige desde la rueda de colores visual o escribe en cualquiera de los cinco campos enlazados — HEX, RGB, HSL, HSV, CMYK — y los demás se actualizan al instante. HSV (a veces escrito HSB) aparece junto a HSL, lo cual ayuda cuando trabajas con valores de Photoshop o Sketch que no figuran en las herramientas CSS habituales.

Cómo usar

1. Paso 1 — Elige un color visualmente con el selector interactivo o escribe un valor en cualquier campo de formato.
2. Paso 2 — Todos los campos de formato se actualizan a la vez, así siempre ves el valor equivalente en cada formato.
3. Paso 3 — Copia el valor de cualquier formato o usa el selector de color para afinar. Todos los campos se actualizan en tiempo real.

Cuándo usar

• Muestrear un color con la rueda y copiar el CMYK equivalente para un archivo de Illustrator.
• Retocar valores HSV de una paleta de Photoshop y leer el HSL equivalente para CSS.
• Crear una paleta desde cero arrastrando el selector y anotando cada HEX.

Resultado

Un diseñador de impresión necesita los valores CMYK del color web rgb(0, 128, 255). La herramienta lo convierte a cmyk(100%, 50%, 0%, 0%) para una reproducción precisa en impresión.

Preguntas frecuentes

¿Por qué incluir HSL y HSV si se parecen?

HSL convive con CSS y la mayoría de herramientas web; HSV (también HSB) es el estándar en Photoshop, Sketch y los selectores nativos de macOS y Windows. Los diseñadores saltan entre ambos mundos a diario, por eso el convertidor entrega los dos en lugar de obligar a una conversión extra.

¿Puedo editar cualquier campo o solo el selector?

Todos los campos se pueden editar. Escribe un HEX, o cambia los números de RGB / HSL / HSV / CMYK y el selector más los demás campos se actualizan. El color se mantiene sincronizado al margen de cuál cambies.

¿Por qué en un gris el HSL muestra 0 en tono y saturación?

Un gris puro no tiene matiz y la saturación es 0. Por convención, HSL fija el tono en 0 cuando la saturación es 0, porque un gris no tiene un sitio claro en la rueda de color. Es matemáticamente correcto, aunque pueda leerse como "falta dato".

¿Qué significa el canal K de CMYK?

K viene de Key, que en la práctica es negro. Añadir K en lugar de mezclar C+M+Y para acercarse al negro ahorra tinta de color cara y evita el marrón sucio que tiende a salir al mezclar CMY puros. El convertidor calcula K solo.

¿El selector funciona con lápiz o pantalla táctil?

Sí. El selector de color es un input estándar del navegador, así que ratón, dedo, lápiz y trackpad funcionan. En móvil al tocar se abre el selector del sistema; en escritorio al hacer clic aparece la rueda. Para valores precisos los campos numéricos son más cómodos.

Herramientas relacionadas