Saltar al contenido
Bai
EspañolEnglishEuskara Empezar →

Herramientas

HEX a RGB

Convertir HEX a RGB

Convierte un código de color hexadecimal a RGB (y a otros formatos) al instante.

Privado por diseño
Escribe un valor de color válido para ver las conversiones
HEX#3b82f6
RGB59, 130, 246
RGB decimal0.2314, 0.5098, 0.9647
HSL217, 91%, 60%
LAB54.5 8.5 -65.5
LCH54.5 66.0 277.5
OKLAB0.64 -0.01 -0.15
OKLCH0.64 0.15 264

Sobre esta herramienta

Pasa un color hexadecimal, el típico #FF3617 de las guías de marca y de Figma, a su equivalente rgb(255, 54, 23). Lo necesitarás cuando quieras añadir transparencia en CSS con rgba(), cuando un programa de edición o una hoja de cálculo te pida los tres canales por separado, o cuando tengas que documentar los colores corporativos en varios formatos.

La herramienta se abre con el formato HEX ya elegido y un ejemplo cargado. Borra el valor, pega tu código con o sin almohadilla y el resultado RGB aparece destacado arriba de la tabla. Pulsa el icono de copiar de esa fila y listo. Debajo tienes el mismo color en HSL, LAB, OKLCH y otros formatos por si los necesitas.

La conversión se hace en tu navegador, sin enviar nada a internet. Acepta códigos de seis cifras (#RRGGBB) en mayúsculas o minúsculas. No interpreta el HEX abreviado de tres cifras (#F31) ni el de ocho con canal alfa (#FF3617CC); en esos casos escribe primero el código completo de seis dígitos.

Preguntas frecuentes

¿Cómo se convierte HEX a RGB a mano?

Separa el código en tres parejas (FF, 36, 17) y pasa cada una de base 16 a base 10: FF = 255, 36 = 54 y 17 = 23. El resultado es rgb(255, 54, 23).

¿Es lo mismo #ff3617 que #FF3617?

Sí. Las letras del código hexadecimal no distinguen mayúsculas de minúsculas; ambos representan exactamente el mismo color.

¿Cómo añado transparencia a un color HEX?

Conviértelo a RGB y usa rgb(255 54 23 / 50%) o rgba(255, 54, 23, 0.5) en CSS. También existe el HEX de ocho cifras, pero es menos legible.

¿Qué hago con un HEX de tres cifras como #F31?

Duplica cada cifra para obtener el código largo: #F31 equivale a #FF3311. Escríbelo así en el campo y obtendrás su RGB.

Herramientas relacionadas