Skip to content

Convertidor HEX a RGB

In-browser only HEX ⇄ RGB Alpha & CSS4
Canales RGBA
Colores de ejemplo
Vista previa del color#FF5733
Valores convertidos
HEX#FF5733
RGBrgb(255, 87, 51)
Herramientas relacionadas Ver todo

Resumen

Convierte codigos de color en ambos sentidos

Convierte codigos de color entre HEX y RGB en ambos sentidos. Soporta alpha (RGBA y HEX de 8 digitos), sintaxis CSS4 y copia con un clic. Todo se ejecuta en tu navegador.

  • Conversión HEX ⇄ RGB en ambos sentidos
  • Acepta HEX de 3, 4, 6 y 8 dígitos
  • Lee rgb(), rgba() y sintaxis CSS4
  • Soporte de canal alpha y transparencia
  • Funciona enteramente en tu navegador
  • Se ejecuta enteramente en tu navegador
  • Los valores de color nunca se suben
  • Ninguna entrada se registra ni almacena
  • Nada se envía a un servidor
  • Funciona sin conexión una vez cargada la página
  • Traducir muestras HEX de diseño a rgb() CSS
  • Añadir alpha con HEX de 8 dígitos o rgba()
  • Hacer coincidir el color de una marca entre formatos
  • Convertir colores de maqueta para hojas de estilo
  • Cambiar entre rgb() heredado y CSS4

Primeros pasos

Cómo convertir un color

  1. 1
    Introduce un código HEX

    Escribe o pega un valor HEX en el campo HEX, con o sin el prefijo #. El valor RGB y los campos de canales se actualizan al escribir.

  2. 2
    O introduce un valor RGB

    Escribe un valor RGB en el campo RGB con rgb(), rgba(), sintaxis CSS4 o canales separados por comas. El HEX se actualiza al instante.

  3. 3
    Ajusta con los canales

    Modifica los campos R, G y B (0–255) o el campo A (0–1) para ajustar el color. Las salidas HEX y RGB se actualizan en consecuencia.

  4. 4
    Elige el formato de salida

    Activa HEX en mayúsculas o la sintaxis CSS4 según tu código y pulsa el botón de copia junto al valor que necesites.

Referencia

Valores HEX ↔ RGB habituales

Valores HEX ↔ RGB habituales
ColorHEXRGB
Black#000000rgb(0, 0, 0)
White#FFFFFFrgb(255, 255, 255)
Red#FF0000rgb(255, 0, 0)
Green#008000rgb(0, 128, 0)
Blue#0000FFrgb(0, 0, 255)
Tomato#FF6347rgb(255, 99, 71)
DodgerBlue#1E90FFrgb(30, 144, 255)
Gold#FFD700rgb(255, 215, 0)
HotPink#FF69B4rgb(255, 105, 180)
SlateGray#708090rgb(112, 128, 144)
Teal#008080rgb(0, 128, 128)
Crimson#DC143Crgb(220, 20, 60)

Bueno saberlo

Consejos y errores frecuentes

  • El HEX corto duplica cada dígito

    #F53 se expande a #FF5533, no #F05030. Cada uno de los tres dígitos se repite, así que #FFF y #FFFFFF son el mismo blanco.

  • El alpha va en el último par

    En HEX de 8 dígitos (#RRGGBBAA) los dos últimos fijan la opacidad: 00 totalmente transparente, FF totalmente opaco, 80 alrededor del 50 %.

  • CSS4 usa espacios, no comas

    El rgb(255 87 51 / 0.5) moderno separa los canales con espacios y el alpha con una barra. Los navegadores antiguos requieren rgb(255, 87, 51).

  • Los canales RGB llegan hasta 255

    Cada canal es un entero de 0 a 255. Los valores por encima de 255 o con decimales están fuera de rango y no se convertirán.

Preguntas frecuentes

¿Qué es un código de color HEX?
Un código HEX es la representación hexadecimal de un color en CSS. Cada par de dígitos codifica un canal (rojo, verde, azul) de 0 a 255. Por ejemplo, #FF5733 significa R=255, G=87, B=51. Un 7º y 8º dígitos opcionales (#RRGGBBAA) añaden el canal alpha.
¿Qué es RGB?
RGB significa Rojo, Verde, Azul — un modelo aditivo donde los colores se forman combinando esos tres canales. Cada canal va de 0 a 255. En CSS: rgb(255, 87, 51) o rgba(255, 87, 51, 0.5) con alpha.
¿Cómo convierto HEX a RGB a mano?
Divide los 6 dígitos en tres pares (#FF5733 → FF, 57, 33) y convierte cada uno a base 10: FF = 255, 57 = 87, 33 = 51. Resultado: rgb(255, 87, 51).
¿Cuál es la diferencia entre #FFF y #FFFFFF?
#FFF es la forma corta de 3 dígitos, donde cada dígito se duplica: F→FF. #FFF y #FFFFFF son idénticos (blanco puro). #F53 se expande a #FF5533.
¿Para qué sirve el canal alpha en #RRGGBBAA?
Controla la transparencia. 00 = totalmente transparente, FF = totalmente opaco, 80 ≈ 50 % de transparencia. Por ejemplo, #FF573380 es #FF5733 con ~50 % de opacidad.
¿Es RGBA lo mismo que RGB con opacidad?
Sí. RGBA añade un canal alpha a RGB. rgba(255, 87, 51, 0.5) es el mismo color con 50 % de opacidad. En CSS Color Level 4 también se puede escribir rgb(255 87 51 / 0.5).
¿Por qué algunos navegadores rechazan rgb(255 87 51)?
La sintaxis con espacios pertenece a CSS Color Level 4. Los navegadores muy antiguos solo aceptan la forma con comas. Usa el conmutador CSS4 para alternar entre formatos.
¿Se almacenan o envían mis colores a algún sitio?
No. El convertidor funciona enteramente en tu navegador. Las entradas y resultados nunca se envían a un servidor, registran ni comparten.