Convertidor de color
Convierta colores entre HEX, RGB, HSL, HSB, CMYK y nombres en CSS al instante.
Características del convertidor de color
Conversión instantánea de color entre todos los formatos principales.
Convierta entre colores HEX, RGB, HSL, HSB/HSV, CMYK y colores nombrados en CSS todo a la vez.
Copie cualquier valor de color en su portapapeles al instante con el botón de copiar.
Toda la conversión ocurre en su navegador. No se envía ningún dato a ningún lugar.
¿Por qué convertir entre formatos de color?
Diferentes herramientas y flujos de trabajo utilizan diferentes formatos de color. Los desarrolladores web utilizan HEX y RGB para CSS. Los diseñadores de impresión utilizan CMYK. Los diseñadores en herramientas como Figma o Sketch trabajan con HSL o HSB. Nuestro convertidor de color muestra instantáneamente todos los formatos para que pueda usar su color en cualquier lugar.
Preguntas frecuentes
¿Qué es un código de color HEX?
Un color HEX es un número hexadecimal de 6 dígitos precedido por # (por ejemplo, #3b82f6). Cada par de dígitos representa los canales rojo, verde y azul desde 00 (0) hasta FF (255).
Los códigos HEX son el formato de color más común utilizado en el desarrollo web y CSS.
Son compactos y legibles para los humanos una vez que aprende a reconocer valores comunes como #ffffff (blanco) y #000000 (negro).
¿Qué es RGB?
RGB (Rojo, Verde, Azul) representa colores especificando la intensidad de los canales rojo, verde y azul como enteros de 0 a 255.
Por ejemplo, rgb(59, 130, 246) es el mismo azul que #3b82f6.
RGB se utiliza ampliamente en CSS y diseño digital. Es el modelo de color nativo de las pantallas de computadora.
¿Qué es HSL?
HSL (Tono, Saturación, Luminosidad) describe colores en términos de ángulo de tono (0-360), porcentaje de saturación (0-100%) y porcentaje de luminosidad (0-100%).
HSL es intuitivo para los diseñadores porque ajustar la saturación o la luminosidad es sencillo.
CSS admite nativamente colores HSL con las funciones hsl() y hsla().
¿Para qué se utiliza CMYK?
CMYK (Cian, Magenta, Amarillo, Negro) es el modelo de color utilizado en la impresión. Las impresoras mezclan estas cuatro tintas para producir colores en papel.
Los colores web (RGB/HEX) no se pueden utilizar directamente para impresión sin conversión.
Utilice nuestro convertidor para obtener el equivalente en CMYK al preparar diseños para impresión.
¿Qué es HSB/HSV?
HSB (también llamado HSV - Tono, Saturación, Valor) es similar a HSL pero utiliza brillo/valor en lugar de luminosidad.
Photoshop, GIMP, and many design tools use HSB as their primary color model.
Con saturación y brillo máximos (100%, 100%), HSB produce colores completamente saturados, mientras que HSL a 50% de luminosidad produce lo mismo.
¿Cuáles son los colores nombrados en CSS?
CSS define más de 140 colores nombrados que se pueden usar directamente en hojas de estilo, como 'rojo', 'marino', 'azul aciano' y 'tomate'.
Si su color seleccionado coincide exactamente con uno de estos colores nombrados, nuestro convertidor mostrará el nombre.
Los colores nombrados son convenientes para colores comunes y son compatibles con todos los navegadores.
¿Es precisa la conversión?
Sí. Las conversiones utilizan fórmulas de ciencia del color estándar y producen valores de calidad industrial.
La conversión de HEX ↔ RGB es sin pérdida (exacta). Los valores HSL, HSB y CMYK se redondean a números enteros para facilitar la lectura.
Para la impresión, recuerda que los colores de pantalla (RGB) pueden verse ligeramente diferentes al imprimirse en CMYK debido a las diferencias de gama.
¿Cómo lo uso en CSS?
Copia el valor HEX para la forma más concisa: color: #3b82f6;
O usa RGB con opacidad: color: rgba(59, 130, 246, 0.8);
O usa HSL, lo que facilita los ajustes de luminosidad: color: hsl(217, 91%, 60%);