Convertidor de RGB a hexadecimal
Obtenga el código hexadecimal de cualquier color RGB: 255, 128, 0 es #ff8000, un naranja. Los seis dígitos salen en minúsculas, en mayúsculas y sin almohadilla, listos para una hoja de estilo o una guía de marca. Gratis en su navegador.
- Gratis
- Funciona en su navegador
- Sin registro
- Sus datos no salen de su equipo
Ejecutar — gratis
Ejemplo resuelto
- Resistencia (Ω)
- 255
- G
- 128
- B
- 0
- Hex
- #ff8000
- Hex sin almohadilla
- ff8000
- Mayúsculas
- #FF8000
- Rgb
- rgb(255, 128, 0)
Este convertidor de RGB a hexadecimal toma tres intensidades de canal —rojo, verde y azul— cada una como un entero de cero a doscientos cincuenta y cinco, y devuelve la cadena de color hexadecimal CSS correspondiente, como almohadilla ff ocho cero cero cero para naranja. Diseñadores, desarrolladores de front-end y estudiantes usan este mapeo todos los días: las herramientas de diseño exportan tripletes sRGB, las hojas de estilo y los tokens prefieren el hexadecimal compacto de seis dígitos, y los materiales necesitan un puente reproducible entre ambos. El motor es totalmente determinista: divide cada canal en nibbles alto y bajo mediante división entera entre dieciséis y el resto, mapea cada nibble a un dígito de cero a nueve y de a a f, y nunca llama a la red, muestrea aleatoriedad, ni depende del reloj.
Qué significa la conversión de RGB a hexadecimal y qué contiene la respuesta
En el modelo sRGB de ocho bits que usan CSS y la mayoría de los gráficos web, cada uno de rojo, verde y azul es un canal entero de cero (nada de ese primario) a doscientos cincuenta y cinco (intensidad total). Los códigos de color hexadecimales empaquetan esos mismos tres bytes en seis dígitos hexadecimales: dos dígitos para el rojo, dos para el verde y dos para el azul, normalmente escritos con una almohadilla inicial para que una hoja de estilo pueda usarlos como valor de color.
La conversión es la clásica división en nibbles: para un canal n, el dígito alto es el piso de n entre dieciséis y el dígito bajo es n módulo dieciséis; cada dígito se mapea de cero a nueve y luego de a a f. No hay una ruta que acepte porcentajes, canales en coma flotante o la forma abreviada de tres dígitos como entrada, ni un límite silencioso de doscientos cincuenta y seis a doscientos cincuenta y cinco.
Cómo se leen r, g y b, y cómo se mantiene reproducible el hexadecimal
Los espacios en blanco externos en los canales de cadena se recortan; se permite un signo más inicial opcional solo cuando los caracteres restantes son dígitos decimales que se interpretan como un entero dentro del rango.
Un número JavaScript simple se acepta solo cuando es un entero finito dentro de cero a doscientos cincuenta y cinco; valores como ciento veintiocho coma cinco fallan la validación en lugar de redondearse, y los valores negativos o de doscientos cincuenta y seis en adelante fallan con un mensaje que nombra el canal y establece que debe permanecer dentro de cero a doscientos cincuenta y cinco.
La conversión usa el alfabeto fijo de dígitos de cero a nueve y de a a f en cada nibble, para que el mismo triplete siempre produzca la misma cadena hexadecimal en minúsculas entre ejecuciones y plataformas. Cero se mapea a cero cero, doscientos cincuenta y cinco se mapea a f f, y canales mixtos como cuarenta y tres, noventa y ocho, ochenta y uno producen el patrón familiar dos-b seis-dos cinco-uno que se usa en sistemas de diseño.
Dónde encaja la conversión de RGB a hexadecimal en el diseño, el estudio y el software
Los diseñadores encuentran este mapeo cuando una guía de marca lista muestras RGB y el archivo de tokens CSS o de Figma necesita códigos hash, cuando un cuentagotas de captura de pantalla reporta rojo verde azul y el archivo de tema almacena hexadecimal, o cuando una comprobación de accesibilidad debe repetir la misma cadena de color que usa la hoja de estilo.
Los estudiantes lo ven en cursos de desarrollo web que introducen los colores de CSS, en clases de arte digital que se mueven entre deslizadores de canal y selectores de hexadecimal, y en calentamientos de entrevista que piden una conversión mental de un triplete corto. Las herramientas de producto y educación usan la conversión cuando un estudiante ajusta tres deslizadores y la interfaz debe mostrar la cadena hexadecimal en vivo sin un viaje de ida y vuelta a una biblioteca gráfica pesada.
Combínelo con herramientas de color multiformato cuando necesite HSL o CMYK, y con otros convertidores gratuitos deterministas cuando esté construyendo un pequeño laboratorio de higiene de sistemas de diseño.
Qué puede hacer con ella
Tokens de diseño y CSS
Convierta tripletes RGB de marca en cadenas #rrggbb para hojas de estilo, archivos de tema y tokens de sistemas de diseño.
Tareas y demostraciones didácticas
Verifique el trabajo de conversión de canal a hexadecimal de los estudiantes y haga demostraciones en vivo de colores CSS sin aplicaciones de calculadora opacas.
Preguntas frecuentes
¿Cuánto cuesta el convertidor de RGB a hexadecimal?
Es gratis en su navegador, en esta página.
¿Qué rango se permite para r, g y b?
Cada canal debe ser un entero de 0 a 255, ambos inclusive.
¿La salida hexadecimal es en minúsculas o mayúsculas?
El campo hexadecimal principal usa dígitos en minúsculas con una almohadilla inicial. El campo en mayúsculas devuelve el mismo color con A–F en mayúscula, para guías de estilo que prefieren esa forma.
¿Esto convierte hexadecimal de vuelta a RGB?
No. Esta herramienta solo mapea canales RGB enteros a una cadena hexadecimal. Use un convertidor de color multiformato si necesita hexadecimal a RGB u otros espacios.
¿Puedo escribir decimales o valores mayores que 255?
No. Cada canal debe ser un número entero de 0 a 255. Un decimal o un número mayor que 255 se rechaza con un mensaje que indica el canal, en lugar de redondearse o recortarse.
Herramientas relacionadas
Para desarrolladores — acceso por API
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.
Endpoint de API
¿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.
Llámela desde su stack
curl -X POST https://api.kit.forhosting.com/color/rgb-hex \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"r":255,"g":128,"b":0}'const res = await fetch("https://api.kit.forhosting.com/color/rgb-hex", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"r": 255,
"g": 128,
"b": 0
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/rgb-hex",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"r": 255,
"g": 128,
"b": 0
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/rgb-hex", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"r":255,"g":128,"b":0}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"r":255,"g":128,"b":0}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/rgb-hex", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Ejemplo de solicitud
{
"r": 255,
"g": 128,
"b": 0
}Ejemplo de respuesta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.rgb_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.
Precio
Precio publicado — sin tokens ni créditos inventados. Una tarea fallida no se cobra.
Límites
min_channel | 0 |
max_channel | 255 |
Errores
| HTTP | Código | Significado |
|---|---|---|
401 | unauthorized | API key ausente o inválida. |
402 | insufficient_balance | El saldo no cubre el precio de la tarea. |
404 | unknown_type | El tipo de tarea no existe. |
429 | rate_limited | Demasiadas peticiones. Use el webhook en vez de sondear. |
Notas técnicas
Los canales fuera de cero a doscientos cincuenta y cinco se rechazan con un error claro de invalid_input, en lugar de limitarse en silencio.
Qué significa la conversión de RGB a hexadecimal y qué contiene la respuesta
Esta calculadora devuelve los enteros validados r, g y b, una cadena hexadecimal en minúsculas con la almohadilla inicial, los mismos seis dígitos sin la almohadilla, una forma en mayúsculas con almohadilla para guías de estilo que prefieren la A a la F en mayúscula, una cadena de función rgb como rgb de dos cinco cinco coma uno dos ocho coma cero, la etiqueta de método rgb_to_hex, y un breve recordatorio de la fórmula del mapeo de nibbles. El motor construye un hexadecimal exacto de seis dígitos para tres canales legales, o rechaza la solicitud con invalid_input. Los casos rechazados incluyen la falta de un campo r, g o b, cadenas vacías tras recortar espacios, números que no son enteros, texto no numérico, Infinity o NaN, y cualquier canal estrictamente por debajo de cero o por encima de doscientos cincuenta y cinco.
Cómo se leen r, g y b, y cómo se mantiene reproducible el hexadecimal
Los campos preferidos son r para rojo, g para verde y b para azul, pero se aceptan los alias red y R mayúscula para rojo, green y G mayúscula para verde, y blue y B mayúscula para azul, de modo que hojas de cálculo, cadenas de consulta y formularios tipados puedan reutilizar el mismo contrato sin renombrar columnas. Combine la ejecución gratuita en el navegador de esta página con la API de pago cuando necesite el mismo resultado matemático dentro de un pipeline automatizado sin tener que reimplementar usted mismo el empaquetado de canales.
Dónde encaja la conversión de RGB a hexadecimal en el diseño, el estudio y el software
En esta página el trabajo se ejecuta enteramente en su navegador; a través de la API cada consulta exitosa cuesta $0.002, la validación fallida no se cobra, y nada se almacena después de que se devuelve la respuesta. Esa separación —exploración interactiva gratuita y una API de pago idéntica— coincide con el resto del catálogo tier A del KIT y le permite pasar de una demostración de aula o una revisión de diseño a un pipeline automatizado sin cambiar el resultado matemático.
Casos de integración
Fixtures de prueba deterministas
Genere resultados hexadecimales reproducibles para pruebas unitarias, verificaciones de propiedades y aserciones de integración continua en ayudantes de color.
Preguntas técnicas
¿Por qué se rechaza 256 en lugar de limitarlo?
Limitar en silencio oculta errores de datos. Los canales fuera de rango fallan con invalid_input, para que quien llama corrija los valores de origen en lugar de publicar el color incorrecto.