¿Qué es Conversor de códigos de color?

El Conversor de Códigos de Color traduce cualquier color a HEX, RGB, HSL, CMYK y HSV a la vez. Escribe un código, pega un nombre CSS como rebeccapurple, o haz clic en la muestra para elegir un color visualmente; el resto de formatos se actualiza al instante para que copies el que necesita tu hoja de estilos o la imprenta.

Escribe o pega un valor en cualquier formato (#FF5733, rgb(255,87,51), hsl(11,100%,60%), cmyk(0%,66%,80%,0%), hsv(11,80%,100%)) o un nombre de color CSS como tomato o cornflowerblue. La herramienta detecta el formato y rellena los otros cuatro. La muestra al lado confirma que se interpretó bien, y al hacer clic en ella se abre el selector de color nativo de tu dispositivo para tomar visualmente cualquier tono. Útil cuando el archivo de diseño da un formato y tu hoja de estilos, programa de diseño o imprenta pide otro.

Cómo usar

1. Paso 1 - Introduce un valor de color en cualquier formato admitido, o un nombre CSS como tomato (p. ej., #FF5733, rgb(255,87,51), hsl(11,100%,60%)).
2. Paso 2 — La herramienta detecta automáticamente el formato de entrada y lo convierte a todos los demás formatos en tiempo real.
3. Paso 3 - Copia cualquier valor convertido haciendo clic sobre él, o haz clic en la muestra de color para abrir un selector visual y tomar un nuevo tono.

Cuándo usar

• Pasar los HEX de marca a CMYK antes de enviar arte a la imprenta.
• Leer un RGB en una captura y convertirlo de nuevo a HEX para el CSS.
• Verificar el matiz HSL que mandó el diseñador contra el HEX del manual de marca.

Resultado

Un desarrollador web tiene el color corporativo #2196F3 de un archivo de diseño y necesita el valor RGB para una animación CSS. La herramienta muestra rgb(33, 150, 243) junto con los equivalentes HSL y CMYK.

Preguntas frecuentes

¿Por qué el CMYK no coincide al 100% con el del software de imprenta?

Las pantallas usan RGB aditivo, la imprenta usa CMYK sustractivo. Aquí se aplica la fórmula estándar, pero los perfiles comerciales (Coated FOGRA39, GRACoL) ajustan unos puntos según tinta y papel reales. Toma el CMYK que ves como punto de partida cercano.

¿Qué pasa si introduzco un color inválido como #ZZZ?

Los demás campos quedan vacíos y la muestra de color en blanco. La herramienta sólo actualiza los resultados cuando el valor coincide con un patrón válido de HEX, RGB, HSL o CMYK, así nunca obtienes una conversión a medias engañosa.

¿Funcionan los HEX cortos tipo #F53?

Sí. El HEX de tres dígitos es la versión corta del de seis: #F53 equivale a #FF5533, y el convertidor acepta ambas formas. La salida siempre es la de seis dígitos para que al pegarla en otro lado no haya ambigüedad.

¿En qué se diferencian HSL y HSV?

Ambos parten del tono, pero HSL mide la luminosidad de negro a blanco mientras que HSV (también llamado HSB) mide el brillo respecto al color puro. Este conversor ahora muestra HSL y HSV juntos, ya que CSS usa HSL y Photoshop usa HSV, así que los diseñadores necesitan traducir entre los dos a menudo.

¿Admite transparencia o alfa?

En este convertidor no. HEX, RGB, HSL y CMYK aquí son siempre opacos. Para fondos con transparencia se usa HEX de 8 dígitos (#RRGGBBAA) o rgba(), que quedan fuera de los cuatro formatos que esta herramienta traduce.

Herramientas relacionadas