💻

Convertidor de RGB a HEX: pasa tus colores a código hexadecimal

Convierte valores de rojo, verde y azul (0 a 255) a un código de color HEX y a la notación rgb() de CSS, con cada canal explicado en base 16.

Rojo (R)

Verde (G)

Azul (B)

Cargando calculadora…

Cómo funciona

par HEX = valor del canal en base 16, con un cero a la izquierda si solo tiene un dígito

Cada canal RGB es un byte, de 0 a 255, y se convierte exactamente en dos dígitos hexadecimales: divides entre 16 para obtener el primero y el residuo es el segundo (del 10 al 15 se escriben de la a a la f). Los valores menores que 16 necesitan un cero a la izquierda; olvidarlo es el error clásico que convierte rgb(0, 128, 0) en un código de cinco caracteres que no es un color. La línea de decimales muestra el mismo color escalado de 0 a 1, el formato que usan los shaders y muchas herramientas de diseño.

Ejemplo resuelto

Para el naranja rgb(255, 165, 0): 255 = 15 × 16 + 15 = ff, 165 = 10 × 16 + 5 = a5 y 0 = 00. Juntos forman el código #FFA500.

Preguntas frecuentes

¿Qué pasa si pongo 300 o −20?

Eso no es un canal válido: cada byte va de 0 a 255. El convertidor marca el error en lugar de adivinar; si eso es lo que quieres, ajústalo al límite más cercano (255 o 0).

¿#FF8000 y #ff8000 son colores distintos?

No, son idénticos. Mayúsculas y minúsculas dan igual en HEX; elige una convención para tu proyecto y respétala (la mayoría de los linters prefieren minúsculas).

¿Cómo le agrego transparencia a un color HEX?

Agrega un cuarto par para el canal alfa (#FF800080 es aproximadamente 50% de opacidad) o usa rgba(255, 128, 0, 0.5). Ambos funcionan en todos los navegadores modernos.

Calculadoras relacionadas

Convertidor de HEX a RGB

Convierte cualquier código de color hexadecimal, como #aabbcc o el corto #abc, a sus valores de rojo, verde y azul y a una cadena rgb() lista para pegar en tu CSS.

Calculadora de PPI de pantalla

Calcula los píxeles por pulgada (PPI) de una pantalla, monitor o celular a partir de su resolución y sus pulgadas, además de los megapíxeles y el tamaño de punto.

Calculadora de relación de aspecto

Simplifica cualquier ancho y alto a su relación de aspecto (16:9, 4:3, 21:9…) y calcula el nuevo alto al redimensionar una imagen o video sin deformarlo.

Calculadora de palabras por minuto

Calcula tu velocidad de escritura en palabras por minuto (PPM) a partir de los caracteres o palabras y el tiempo: PPM brutas y netas, precisión, caracteres por minuto y pulsaciones por hora, con la palabra estándar de 5 caracteres, tasa de errores, nivel de velocidad y el tiempo para escribir un documento.

Esta calculadora tiene fines informativos. Verifica los resultados importantes antes de tomar decisiones.