Utilore

HEX a RGB

Pega un código HEX y lee los canales RGB. #1f5fd6 se convierte en rgb(31, 95, 214), y si el código lleva canal alfa obtendrás rgba() con la transparencia intacta.

  • #1f5fd6 HEX
  • rgb(31, 95, 214) RGB
  • hsl(219, 75%, 48%) HSL

Contraste:

Cómo usarlo

  1. Pega el código HEX, con almohadilla o sin ella.
  2. Lee el valor RGB debajo; si el código tiene alfa, aparecerá RGBA.
  3. Pulsa «Copiar» junto a la línea RGB.

Lo que conviene saber

Qué significan realmente los seis dígitos

HEX es una forma en base 16 de escribir tres números. El primer par es rojo, el segundo verde y el tercero azul, cada uno de 00 a FF, es decir de 0 a 255 en el decimal que ves en RGB. Un código de tres dígitos como #1f5 es una abreviatura: cada dígito se duplica, así que equivale a #11ff55.

Dónde hace falta RGB y no HEX

Las API de canvas y SVG, los objetos de color de Android e iOS y todo lo que calcula un color en vez de escribirlo hablan por canales. RGB es además la única manera de añadir transparencia sin recurrir a un HEX de ocho dígitos que los navegadores antiguos interpretan mal.

Preguntas frecuentes

¿Admite HEX de ocho dígitos con transparencia?

Sí. El último par es el canal alfa y aparece como cuarto valor de rgba(), convertido de 0–255 a la escala 0–1 que espera CSS.

¿Hace falta la almohadilla?

No. Se aceptan «1f5fd6» y «#1f5fd6», igual que las formas abreviadas de tres o cuatro dígitos.

¿Sale algo de mi navegador?

No. La conversión es aritmética hecha en la página: no se sube ni se registra nada.

Herramientas relacionadas