Conversor de RGB a HEX
El conversor de RGB a HEX transforma valores RGB como rgb(59, 130, 246) en códigos hexadecimales como #3B82F6. RGB es la forma en que las pantallas describen el color y la salida habitual de la mayoría de herramientas de diseño, mientras que HEX es el formato compacto y fácil de copiar que más usan CSS y HTML.
59 pasa a 3B y 246 pasa a F6.Cuándo lo necesitas
Escribir CSS
Compartir colores
Entrega de diseño
Cómo convertir de RGB a HEX
Introduce los valores RGB
Escribe tus tres canales — por ejemplo 59, 130, 246. Puedes separarlos con comas o espacios, e incluso envolverlos en rgb(...) si lo prefieres.
Lee el resultado HEX
El código HEX se genera al instante mientras escribes, y la muestra en vivo se actualiza para que confirmes el color de un vistazo.
O elige un color
Haz clic en la muestra para abrir el selector de color nativo y elegir visualmente — los campos RGB y HEX se rellenan solos.
Copia y reutiliza
Pulsa el botón de copiar para tomar el código HEX. El panel inferior también muestra el mismo color como RGB, HSL, HSV y CMYK.
Características
Salida en tiempo real
El HEX se actualiza mientras escribes, todo en el navegador — sin esperas ni recargas.
Entrada flexible
Acepta valores separados por comas o espacios, con o sin el envoltorio rgb().
Vista previa y selector
Una muestra en vivo verifica el resultado y el selector permite elegir un color visualmente.
Todos los formatos a la vez
Ve HEX, RGB, HSL, HSV y CMYK juntos para cada color que introduzcas.
#3B82F6), la convención habitual, aunque HEX no distingue mayúsculas de minúsculas en CSS.Preguntas frecuentes
¿Qué valores RGB son válidos?
Cada canal debe ser un entero entre 0 y 255. Los valores se ajustan o se marcan si quedan fuera de ese rango, ya que RGB no tiene sentido más allá de él.
¿Por qué usar HEX en lugar de RGB?
HEX es más compacto y fácil de copiar y compartir como una sola cadena. Ambos formatos son totalmente compatibles con CSS, así que la elección es sobre todo de comodidad y convenciones de equipo.
¿Cómo introduzco los valores RGB?
Introduce los tres números separados por comas o espacios — por ejemplo 59, 130, 246 o 59 130 246. También funciona envolverlos en rgb(...).
¿La salida es en mayúsculas o minúsculas?
El conversor genera HEX en mayúsculas (p. ej. #3B82F6), la convención más común. CSS trata #3b82f6 y #3B82F6 de forma idéntica.
¿La conversión es exacta?
Sí. RGB a HEX es una correspondencia directa y sin pérdidas — cada canal 0–255 se convierte en exactamente un par 00–FF, así que el mismo RGB siempre da el mismo HEX sin redondeos.
Aún no hay comentarios. ¡Sé el primero en comentar!