Herramientas
RGB a HEX
Convertir RGB a HEX
Convierte valores RGB a código hexadecimal para usarlo en CSS, diseño o marca.
#3b82f659, 130, 2460.2314, 0.5098, 0.9647217, 91%, 60%54.5 8.5 -65.554.5 66.0 277.50.64 -0.01 -0.150.64 0.15 264Sobre 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.