Conversor de RGB a HEX

Convierta los valores RGB en el código HEX que necesita para CSS, herramientas de diseño o guías de marca.

Cómo convertir de RGB a HEX

  1. Pegar un color en cualquier formato — o recogerlo en el cuadrado de color o de la pantalla.
  2. Lea el resultado y cualquier otro formato; ajuste con los controles deslizantes de canal.
  3. Copie el valor o el código, o convierta una lista completa.

Acerca de Conversor de RGB a HEX

Convierta los valores RGB y RGBA a códigos de color HEX al instante.

Todo funciona en su navegador, por lo que es instantáneo y privado. Sus colores y configuraciones recientes se recuerdan en este dispositivo, y la barra de direcciones mantiene su color para que pueda compartirlo o marcarlo.

Ideal para

  • Diseño web y app
  • Combinación de colores de marca en todas las herramientas
  • Tokens de diseño y desarrollo front-end

Consejo: Presione las teclas de flecha en el cuadrado de color o deslizadores para obtener pasos finos; mantenga pulsado Mayús para los más grandes.

Preguntas frecuentes

¿Cómo convierto RGB a HEX?

Escribe cada canal (0–255) como dos dígitos hexadecimales y únete a ellos: rgb(46, 139, 87) → 2E 8B 57 → 2E8B57. Alpha se convierte en un cuarto par.

¿Qué formatos de color puedo pegar?

Cualquier formato CSS: HEX (rgb, rrggbb, con alfa), rgb() / rgba(), hsl() / hsla(), hwb(), lab(), lch(), oklab(), color(display-p3 …), HSV/HSB, CMYK, los 148 nombres de colores CSS y números simples como “79, 110, 247”.

¿Puedo elegir un color de mi pantalla?

Sí — en Chrome y Edge, haga clic en el cuentagotas junto al cuadrado de color y haga clic en cualquier parte de la pantalla, incluso fuera del navegador.

¿Puedo convertir muchos colores a la vez?

Sí — Abra “Convertir una lista de colores”, pegue un color por línea en cualquier formato y copie o descargue los resultados como CSV.

¿Qué son OKLCH y OKLab?

Espacios de color perceptuales modernos: pasos iguales se ven igualmente diferentes a la vista, lo que los hace ideales para paletas y tokens de diseño. Todos los navegadores actuales admiten oklch() en CSS.

← Volver a todas las herramientas