Saltar al contenido
Bai
EspañolEnglishEuskara Empezar →

Herramientas

RGB a HEX

Convertir RGB a HEX

Convierte valores RGB a código hexadecimal para usarlo en CSS, diseño o marca.

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

Convierte colores en RGB, como rgb(255, 54, 23), a su código hexadecimal #ff3617. Es lo que necesitas cuando tomas un color con un cuentagotas o desde Photoshop y quieres pegarlo en una hoja de estilos, en un tema de WordPress o en la ficha de colores de tu marca, donde casi siempre se usa HEX por ser más corto y fácil de compartir.

Al abrir la página el formato RGB ya está elegido. Escribe los tres canales en «Valor»: sirve rgb(255, 54, 23) o simplemente 255, 54, 23. El HEX aparece resaltado en la primera fila de la tabla y lo copias con un clic. Si prefieres elegir el color a ojo, pulsa la muestra de la izquierda y usa el selector de tu sistema.

No se sube nada: la conversión la hace tu navegador. Cada canal debe ir de 0 a 255; los valores mayores se limitan a 255. No tiene en cuenta la transparencia, así que si partes de rgba() el HEX resultante será el color opaco. Para porcentajes o valores de 0 a 1 elige «RGB decimal» en el desplegable.

Preguntas frecuentes

¿Cómo se pasa RGB a HEX sin herramientas?

Convierte cada canal de decimal a hexadecimal con dos cifras y únelos: 255 = FF, 54 = 36 y 23 = 17, así que rgb(255, 54, 23) es #FF3617.

¿El resultado sale en minúsculas, es un problema?

No. #ff3617 y #FF3617 son el mismo color y CSS, Figma o cualquier programa los aceptan igual.

¿Qué pasa con la transparencia de rgba()?

El canal alfa no se convierte; obtienes el color base opaco. Si necesitas la transparencia, mantén rgba() en CSS o añade dos cifras de alfa al HEX.

¿Por qué mi color RGB de Photoshop se ve distinto en la web?

Puede que el documento use un perfil de color distinto de sRGB, como Adobe RGB. Convierte el documento a sRGB antes de tomar los valores.

Herramientas relacionadas