Convertidor de color

Convierte cualquier color entre HEX, RGB, HSL, HSV, OKLCH y CMYK

Los archivos no salen de tu dispositivo
Se ejecuta en el navegador
Gratis, sin registro ni marca de agua

#FF8000oklch(73.19% 0.1858 52.98)

Paste or type any color

Open color picker

Opacity: 100%

Nearest CSS name

darkorangeΔE 3.9

Formats

Modern CSS syntax

HEX

RGB

HSL

HSV / HSB

HWB

OKLCH

OKLab

CIE Lab

CIE LCH

CMYK

Display P3

Lab and LCH use the D50 white point, the same as CSS lab() and lch(). CMYK here is a plain formula without an ICC profile. Ask your printer for exact values.

Tints & shades

Click a swatch to copy its HEX. Mixed with white and black in OKLab, so steps look even.

Cómo usar Convertidor de color

Convierte un color entre HEX, RGB, HSL, HSV, HWB, OKLCH, OKLab, CIE Lab, CIE LCH, CMYK y Display P3. Edita cualquier formato y los demás se actualizan, con el nombre de color CSS más cercano y una tira de tintes y sombras.

1
Escribe o pega un color en Pegar o escribir cualquier color, como #ff8000, rgb(255 128 0), oklch(70% 0.19 50) o tomato.
2
O usa Abrir selector de color, Elegir de la pantalla o Color aleatorio para empezar desde una muestra.
3
Lee o edita los valores en Formatos; cambiar cualquier cuadro actualiza todos los demás.
4
Mueve el control de Opacidad para la transparencia y activa Sintaxis CSS moderna para valores separados por espacios, como rgb(255 128 0 / 50%).
5
Haz clic en el icono de copiar junto a un formato, o en una muestra de Tintes y sombras para copiar su HEX.

Preguntas frecuentes

¿Por qué dice que el color está fuera de sRGB?

OKLCH, Lab y Display P3 pueden describir colores que la mayoría de las pantallas no pueden mostrar. Entonces HEX, RGB, HSL y los demás formatos sRGB muestran el color visible más cercano, mapeado al modo CSS para conservar la luminosidad y el tono, y la nota te dice qué daría un recorte ingenuo.

¿Los valores CMYK son precisos para imprimir?

No. El CMYK de aquí es una fórmula simple, sin perfil ICC. Pide a tu imprenta los valores exactos para su prensa y su papel.

¿Qué punto blanco usan Lab y LCH?

D50, el mismo que CSS lab() y lch(), así que los valores se pueden pegar directamente en una hoja de estilos.

¿Por qué no veo el botón Elegir de la pantalla?

Usa la API EyeDropper del navegador, que ofrecen los navegadores basados en Chromium, como Chrome y Edge. Donde no está disponible, el botón se oculta; usa el selector de color o pega un valor.

¿Guarda algo?

El último color y el ajuste de Sintaxis CSS moderna se conservan en el almacenamiento local de tu navegador para que estén la próxima vez. No se envía nada a un servidor.