Herramientas CSS y de desarrollo web

RGB a HEX

Introduce tres enteros R, G y B para convertir un color RGB a HEX listo para usar.

Parámetros de entrada

Procesamiento local en el navegador

Vista previa en tiempo real

Se actualiza al modificar los parámetros
Selecciona o copia directamente

Valida los canales R, G y B y genera HEX con mayúsculas opcionales y vista previa.

Los datos solo se procesan en tu navegador y no se suben a ningún servidor.

Acerca de esta herramienta

Este conversor transforma los canales rojo, verde y azul en un HEX de seis dígitos. Puedes elegir mayúsculas o minúsculas y comprobar a la vez la notación RGB y el color real.

Cómo usarla

  1. Introduce R, G y B como enteros de 0 a 255.
  2. Activa la opción de HEX en mayúsculas si la necesitas.
  3. Consulta el resultado en tiempo real o pulsa «Convertir» y copia el HEX.
  4. Pulsa «Restablecer» para volver al estado inicial o carga un ejemplo para comparar.

Ejemplos de uso

  • R 255, G 87, B 51 → #ff5733; con mayúsculas: #FF5733.
  • R 0, G 0, B 0 → #000000.
  • R 255, G 255, B 255 → #ffffff.

Cómo se calcula

Cada canal se convierte en dos dígitos hexadecimales, añadiendo un 0 inicial si hace falta, y se unen en orden R, G, B. Las mayúsculas solo cambian el texto. Los valores vacíos, decimales o fuera de rango generan un error: 300 no se corrige silenciosamente a 255.

Usos habituales

  • Usar en CSS los valores RGB de programas de dibujo o imagen.
  • Unificar las mayúsculas y minúsculas de los colores del proyecto.
  • Verificar que los tres canales introducidos están dentro del rango válido.

Privacidad

Los datos y los resultados se procesan en tu navegador, sin subirse ni guardarse automáticamente. Copia los resultados que quieras conservar antes de salir de la página.

FAQ

¿Por qué RGB va de 0 a 255?

Introduce un número entero de 0 a 255 en cada canal sRGB: rojo, verde y azul. Cada canal tiene 256 niveles posibles.

¿Puedo introducir 12.5 o 256?

No. Cada canal debe ser un entero de 0 a 255; los valores inválidos se indican expresamente.

¿Qué cambia entre HEX en mayúsculas y minúsculas?

#FF5733 y #ff5733 representan el mismo color. La opción permite ajustarse al estilo de código del proyecto.

¿Por qué algunos canales HEX empiezan por 0?

Cada canal debe ocupar dos dígitos. Por ejemplo, 9 se escribe 09 para no desplazar los canales siguientes.

Volver al directorio de herramientas