ForHosting KIT · Imágenes

Convertir color RGB a hexadecimal

Convierta rojo, verde y azul en un solo código de color en mayúsculas: 255, 128, 0 da #FF8000. El resultado siempre tiene los seis dígitos completos, así los códigos se comparan, guardan y pegan en CSS sin sorpresas. Gratis en su navegador.

  • Gratis
  • Funciona en su navegador
  • Sin registro
  • Sus datos no salen de su equipo
Úselo desde WebAPIEmailTelegramApp pronto
Si escribe
Resistencia (Ω)
255
G
128
B
0
Obtiene
Hex
#FF8000

Convierta un color RGB al formato hexadecimal de seis dígitos utilizado en CSS, sistemas de diseño, herramientas gráficas y numerosos archivos de datos. Introduzca rojo, verde y azul como números enteros de 0 a 255; el conversor devolverá un código en formato #RRGGBB. El cálculo es determinista y no estima, limita ni corrige valores no válidos de forma silenciosa. Si falta algún canal, contiene decimales o queda fuera del intervalo admitido, la solicitud genera un error de entrada claro. Así resulta útil tanto para consultas manuales rápidas como para flujos automatizados repetibles en los que importa la exactitud del color.

Comprenda cómo se transforma RGB en un color hexadecimal

Un color RGB almacena tres intensidades luminosas independientes: rojo, verde y azul. Cada canal admite 256 valores enteros, desde 0 hasta 255. Un color hexadecimal de seis dígitos representa exactamente la misma información mediante dos dígitos de base 16 por canal.

El primer par corresponde al rojo, el segundo al verde y el último al azul. El valor decimal 0 se convierte en 00, el 255 en FF y los valores intermedios se convierten y rellenan hasta alcanzar dos caracteres cuando es necesario. Por ejemplo, rojo 255, verde 128 y azul 0 producen #FF8000.

La almohadilla identifica el valor como color en CSS y en muchas herramientas de diseño; los seis caracteres posteriores conservan los tres canales de ocho bits sin pérdida de precisión. El conversor siempre devuelve la forma completa de seis dígitos, aunque CSS pudiera expresar el mismo color con una notación abreviada. Este formato fijo facilita comparar, almacenar, probar e intercambiar resultados, porque todas las respuestas correctas tienen la misma longitud y el mismo orden de canales.

Las letras aparecen en mayúsculas, aunque CSS interpreta igual los códigos hexadecimales en mayúsculas o minúsculas.

Introduzca canales válidos e interprete los errores

Envíe un objeto con r, g y b, y asigne a cada campo un número entero entre 0 y 255, ambos incluidos. Los tres campos son obligatorios, pues omitir un canal dejaría el color incompleto. Cero es válido e indica que el primario correspondiente no aporta luz; 255 también es válido e indica intensidad máxima.

Valores como 12.5 se rechazan porque, según este contrato, un canal RGB de ocho bits debe ser entero. También se rechazan los números negativos y los superiores a 255 en lugar de limitarlos. Limitar valores podría ocultar una lectura defectuosa de un sensor, una fórmula errónea en una hoja de cálculo, un control de interfaz mal configurado o una validación anterior fallida; por eso un error visible ofrece mayor seguridad en automatizaciones.

Ante un fallo, revise el canal indicado, corrija el valor de origen y vuelva a enviar el triplete completo. Una respuesta correcta contiene un único campo hex con almohadilla y exactamente seis dígitos hexadecimales. Como el algoritmo no depende de la red, del azar ni del reloj, los mismos valores siempre generan el mismo resultado.

Utilice el resultado en diseño y desarrollo

Puede colocar el código devuelto directamente en propiedades CSS como color, background-color, border-color y fill. También sirve para formatos habituales de tokens de diseño, archivos de configuración de temas, paletas de gráficos, plantillas de correo y documentación de colores corporativos. Un equipo de diseño puede convertir canales copiados de un editor de imágenes antes de añadir una muestra a una biblioteca de componentes.

Un equipo de desarrollo puede transformar columnas RGB de una base de datos o una hoja de cálculo en cadenas normalizadas antes de exportar un tema. Las pruebas automatizadas pueden utilizar la respuesta para crear valores esperados exactos de controles de color y código de serialización. Las canalizaciones de datos se benefician de errores estrictos, porque un canal inválido detiene la conversión en vez de introducir un color plausible pero incorrecto.

Para tareas ocasionales, la interfaz del navegador permite comprobar un triplete sin programar. Conserve la almohadilla para CSS; si otro sistema exige solo seis caracteres, elimínela sin modificar los pares. Esta capacidad no calcula transparencia, perfiles, diferencias perceptivas, HSL, CMYK ni nombres de colores.

Preparar colores CSS

Convierta canales RGB de una guía de diseño en códigos #RRGGBB fijos para hojas de estilo y componentes.

Normalizar tokens de diseño

Una campos separados de rojo, verde y azul en un valor hexadecimal uniforme para temas y catálogos de tokens.

Validar paletas importadas

Rechace canales fuera de rango procedentes de hojas o bases de datos y genere códigos exactos para las entradas válidas.

¿Qué valores RGB se aceptan?

Cada canal r, g y b debe ser un entero de 0 a 255, incluidos ambos extremos.

¿Qué ocurre si un canal queda fuera del intervalo?

Los valores nunca se limitan ni se reinician.

¿El resultado incluye la almohadilla?

Sí. El campo hex utiliza el formato #RRGGBB completo, con almohadilla y seis dígitos.

¿Son distintos los códigos hexadecimales en minúsculas y mayúsculas?

No. CSS no distingue el uso de mayúsculas; este conversor devuelve letras mayúsculas para mantener la uniformidad.

¿Puedo escribir un decimal como 12.5?

No. Cada canal debe ser un número entero de 0 a 255, por lo que 12.5 se rechaza, igual que los negativos y todo lo que pase de 255. Corrija el canal indicado y vuelva a escribir los tres valores.

Todo lo de esta página está disponible por programación. Esta sección es para equipos que quieren integrarlo en sus sistemas; el resto puede usar la herramienta de arriba sin más.

POSThttps://api.kit.forhosting.com/color/rgb-to-hex

¿Prefiere automatizarlo? Un POST autenticado crea la tarea; el resultado llega por webhook o enlace firmado. La misma capacidad también se ejecuta aquí en la web, por email y desde Telegram — y pronto también desde nuestra app.

curl -X POST https://api.kit.forhosting.com/color/rgb-to-hex \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"r":255,"g":128,"b":0}'
{
  "r": 255,
  "g": 128,
  "b": 0
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.rgb_to_hex",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

La API es asíncrona: la llamada devuelve un task_id al instante y el resultado llega por webhook. El polling está limitado a 1 req/s por tarea.

Por solicitud$0.002

Precio publicado — sin tokens ni créditos inventados. Una tarea fallida no se cobra.

HTTPCódigoSignificado
401unauthorizedAPI key ausente o inválida.
402insufficient_balanceEl saldo no cubre el precio de la tarea.
404unknown_typeEl tipo de tarea no existe.
429rate_limitedDemasiadas peticiones. Use el webhook en vez de sondear.

Introduzca canales válidos e interprete los errores

El texto no se interpreta como número, lo que mantiene predecible el contrato API y evita que conversiones implícitas alteren entradas ambiguas.

Utilice el resultado en diseño y desarrollo

En automatizaciones, cada solicitud API cuesta $0.002 y ejecuta el mismo cálculo determinista.

¿Cuánto cuesta una conversión mediante API?

Cada solicitud API cuesta $0.002. El conversor determinista del navegador permite realizar comprobaciones interactivas.

Ver la documentación completa del KIT →