ES

Convertir HEX a RGB

Pega un código de color hex y obtén sus valores RGB al momento, en la sintaxis CSS moderna y en la forma clásica con comas.

Gratis y privado. Todo funciona en tu navegador y no se sube nada.

Cómo funciona

  1. Escribe el colorEscribe o pega el valor en el campo.
  2. Copia el resultadoEl valor convertido está arriba de la lista.
  3. Explora másDebajo tienes los demás formatos, el contraste y los tonos.

De #RRGGBB a rojo, verde y azul

Un código hex no es más que tres números del 0 al 255 escritos en base 16: en #0D6B57 los pares 0D, 6B y 57 son rojo 13, verde 107 y azul 87. Los códigos cortos como #fa0 duplican cada dígito, y los de ocho dígitos añaden un canal alfa, así que #0D6B5780 es el mismo color con alrededor de un 50 por ciento de opacidad.

El resultado se muestra como rgb(13 107 87), la sintaxis CSS moderna, y como rgb(13, 107, 87) o rgba() para código antiguo, programas de diseño y las API de color de Android o iOS que esperan números separados.

También te sirve

Debajo aparecen los valores HSL, OKLCH y CMYK, junto con una revisión de contraste y tonos, por si estás armando una paleta.

Preguntas frecuentes

¿Cómo convierto un código hex con transparencia?

Usa 8 dígitos, por ejemplo #0D6B5780. Los dos últimos dígitos son el valor alfa.

¿Qué formatos de color puedo escribir?

Cualquiera válido en CSS: HEX de 3, 4, 6 u 8 dígitos, rgb(), hsl(), hwb(), lab(), oklch() y nombres de colores.

¿El valor CMYK es exacto para imprimir?

Es una conversión simple sin perfil de impresora. Para impresión profesional usa los valores CMYK del perfil de tu imprenta.

¿Qué relación de contraste necesito?

WCAG AA pide 4,5:1 para texto normal y 3:1 para texto grande y elementos de la interfaz.

¿Por qué importa OKLCH?

Se ajusta a cómo percibimos la luminosidad, así que las paletas y degradados hechos en OKLCH se ven uniformes.