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

Todos los datos, cálculos, generación de CSS y vistas previas se procesan en tu navegador. No se sube contenido, no se usan servidores de procesamiento, bases de datos, API en línea ni CDN de terceros, y tus entradas no se guardan automáticamente.

FAQ

¿Por qué RGB va de 0 a 255?

Esta página usa los habituales canales sRGB de 8 bits: 256 niveles enteros por canal, de 0 a 255.

¿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