Cómo convertir colores entre HEX, RGB, HSL y otros formatos
Convierte un color entre HEX, RGB, HSL, CMYK y otros formatos, descubre qué conversiones son exactas y aprende qué formato usar en cada caso.
3 min de lectura
Para convertir un color, pégalo en el convertidor de colores. Elige el formato que necesitas en Destino y copia el resultado. La herramienta detecta el formato de entrada automáticamente, así que acepta #ff6600, rgb(255, 102, 0), orangered e incluso 255, 102, 0. El resultado aparece mientras escribes. La muestra de color que aparece debajo te permite comprobar que la herramienta identificó el color correcto.
El mismo color en cuatro formatos
HEX, RGB, HSL y CMYK son distintas formas de representar el mismo color. Este es un naranja en los cuatro formatos:
| Formato | Valor | Qué significan los números |
|---|---|---|
| HEX | #ff6600 |
Rojo, verde y azul con dos dígitos hexadecimales cada uno |
| RGB | rgb(255, 102, 0) |
Rojo, verde y azul, de 0 a 255 |
| HSL | hsl(24, 100%, 50%) |
Tono en la rueda de color, saturación y luminosidad |
| CMYK | cmyk(0%, 60%, 100%, 0%) |
Tintas cian, magenta, amarillo y negro |
HEX y RGB usan los mismos tres números, pero escritos de forma distinta. La conversión entre ellos es exacta. HSL es más fácil de ajustar a mano: aumenta el valor de luminosidad y el color se aclara.
Por qué CMYK es diferente
CMYK se usa para impresión y los valores exactos dependen de la impresora, el papel y la tinta. El convertidor usa la fórmula estándar sin un perfil de impresora, así que una imprenta puede darte valores ligeramente distintos para el mismo color. Usa el resultado CMYK para las maquetas y pide una prueba de impresión antes de imprimir el trabajo definitivo.
Qué formato usar
- CSS y HTML: usa HEX. Es breve y todos los navegadores lo reconocen.
- Un tema de colores: usa HSL. Puedes obtener tonos más claros y más oscuros cambiando un solo número.
- Transparencia en el código: usa RGB con un valor alfa o un HEX de ocho dígitos.
rgba(37, 99, 235, 0.5)se convierte en#2563eb80; los dos últimos dígitos indican la opacidad. - Maquetas para impresión: usa CMYK y ten en cuenta la nota anterior.
Los nombres de colores no son exactos
El convertidor admite 17 formatos, como OKLCH, LAB, HSV, nombres de colores CSS y códigos ANSI de terminal. El resultado con un nombre de color es el nombre CSS más parecido, no una coincidencia exacta. #ff6600 da como resultado orangered, pero orangered en realidad es #ff4500. Usa nombres para etiquetas rápidas y valores exactos para los colores de marca.
Pega el color, comprueba la muestra y copia el resultado. Ese es todo el proceso.
¿Quieres probar la herramienta?
Conversor de colores
Convierte colores entre HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, OKLab, OKLCH, XYZ, nombres de color CSS, códigos ANSI de terminal y más, con detección automática del formato y vista previa en vivo.