Convertidor de color | HEX a RGB, RGB a HEX, HSL, CMYK, OKLCH y colores CSS

Q: ¿Qué es un convertidor de color?

Un convertidor de color toma un formato, como #3366cc o rgb(51, 102, 204) , y calcula los valores equivalentes en otros formatos como HSL , CMYK , LAB u OKLCH .

Q: ¿Cómo convierto HEX a RGB?

Elige el modo de entrada HEX , introduce un código hexadecimal válido como #ff6600 y el convertidor mostrará automáticamente los valores correspondientes en RGB , HSL , CMYK y otros formatos.

Q: ¿Cómo convierto RGB a HEX?

Elige el modo RGB , introduce los valores de los canales rojo, verde y azul, y copia el resultado HEX generado. Este es el flujo estándar de RGB a HEX para colores web.

Q: ¿Qué es HSL?

HSL significa matiz, saturación y luminosidad. Describe un color por su ángulo en la rueda cromática y por lo intenso y claro u oscuro que se ve, lo que a menudo resulta más fácil de ajustar visualmente que los valores RGB puros.

Q: ¿Para qué se usa CMYK?

CMYK se utiliza principalmente en flujos de impresión porque expresa un color como cobertura de tinta cian, magenta, amarilla y negra. Es útil al preparar material para imprentas, envases o producción editorial.

Q: ¿Qué es OKLCH?

OKLCH es un formato de color perceptual derivado de OKLAB . Separa luminosidad, croma y matiz de una forma que suele ser más uniforme para la visión humana, por lo que resulta útil en paletas modernas de interfaz y sistemas de diseño.

Q: ¿Puedo usar los resultados en CSS?

Sí. Los resultados generados en HEX , RGB , RGBA , HSL , HSLA y los nombres de color CSS exactos se pueden pegar directamente en propiedades personalizadas de CSS, estilos en línea y design tokens.

Convertidor de color para HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ y nombres de color CSS. Convierte códigos de color al instante, copia valores listos para usar y comprueba el resultado CSS exacto en un solo lugar.

Usa este convertidor de color para cambiar al instante entre HEX, RGB, RGBA, HSL, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ y nombres de color CSS. Introduce cualquier formato compatible, ajusta los valores con los deslizadores y copia el resultado convertido que necesites para CSS, sistemas de diseño, flujos de impresión o análisis de color.

El convertidor actualiza todos los resultados en tiempo real, muestra el color seleccionado con claridad y admite conversiones inversas desde cualquier modo de entrada. Por eso resulta útil para tareas como HEX a RGB, RGB a HEX, revisar valores HSL o CMYK, o comparar formatos perceptuales modernos como OKLCH y OKLAB.

Datos iniciales

Elige cualquier formato, introduce valores y todos los códigos de color coincidentes se actualizarán al instante.

Formato de entrada

Elige el formato que quieres editar directamente.

HEX

Admite #RGB, #RGBA, #RRGGBB y #RRGGBBAA.

Nombre de color CSS

Ejemplos: tomato, rebeccapurple, royalblue, lightseagreen.

Enter red, green, and blue values from 0 to 255.

Alfa

Use alpha from 0 to 1 for transparency.

Matiz (°)

Saturación (%)

Luminosidad (%)

Adjust hue, saturation, and lightness for CSS-friendly editing.

Matiz (°)

Saturación (%)

Luminosidad (%)

Alfa

HSLA adds alpha transparency to HSL.

Matiz (°)

Saturación (%)

Valor (%)

HSV is useful when you want to think in hue, saturation, and brightness.

C (%)

M (%)

Y (%)

K (%)

CMYK is mainly used for print-oriented color values.

LAB is perceptual and can produce out-of-gamut screen colors.

Croma

Matiz (°)

LCH separates lightness, chroma, and hue for perceptual editing.

OKLAB is a modern perceptual space for UI and palette work.

Croma

Matiz (°)

OKLCH makes perceptual hue and chroma adjustments easier.

XYZ is a reference color space often used for conversions.

Fig. 1 Convertidor de color

Color Escala de grises

Matiz

Saturación

Luminosidad

HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)

El modo color te permite ajustar el matiz, la saturación y la luminosidad.

Resultados

Valores de color convertidos

Most used formats

HEX

RGB

HSL

Nombre de color CSS

More formats

RGBA

HSLA

HSV / HSB

CMYK

LAB

LCH

OKLAB

OKLCH

XYZ

Preguntas frecuentes del convertidor de color

¿Qué es un convertidor de color?
Un convertidor de color toma un formato, como #3366cc o rgb(51, 102, 204), y calcula los valores equivalentes en otros formatos como HSL, CMYK, LAB u OKLCH.

¿Cómo convierto HEX a RGB?
Elige el modo de entrada HEX, introduce un código hexadecimal válido como #ff6600 y el convertidor mostrará automáticamente los valores correspondientes en RGB, HSL, CMYK y otros formatos.

¿Cómo convierto RGB a HEX?
Elige el modo RGB, introduce los valores de los canales rojo, verde y azul, y copia el resultado HEX generado. Este es el flujo estándar de RGB a HEX para colores web.

¿Qué es HSL?
HSL significa matiz, saturación y luminosidad. Describe un color por su ángulo en la rueda cromática y por lo intenso y claro u oscuro que se ve, lo que a menudo resulta más fácil de ajustar visualmente que los valores RGB puros.

¿Para qué se usa CMYK?
CMYK se utiliza principalmente en flujos de impresión porque expresa un color como cobertura de tinta cian, magenta, amarilla y negra. Es útil al preparar material para imprentas, envases o producción editorial.

¿Qué es OKLCH?
OKLCH es un formato de color perceptual derivado de OKLAB. Separa luminosidad, croma y matiz de una forma que suele ser más uniforme para la visión humana, por lo que resulta útil en paletas modernas de interfaz y sistemas de diseño.

¿Las conversiones son exactas?
Las conversiones dentro del mismo espacio de color pueden ser exactas o muy cercanas, pero algunos formatos usan modelos o espacios de referencia distintos. Valores como CMYK, LAB, LCH y OKLCH pueden implicar redondeo o recorte de gama al volver a convertirlos a sRGB visible en pantalla.

¿Puedo usar los resultados en CSS?
Sí. Los resultados generados en HEX, RGB, RGBA, HSL, HSLA y los nombres de color CSS exactos se pueden pegar directamente en propiedades personalizadas de CSS, estilos en línea y design tokens.