Hex a grises por lightness HSL
Convierta un color hex en gris al estilo HSL: en #e74c3c el canal más alto es 231 y el más bajo 60, de modo que la luminosidad es (231 + 60) / 2 = 145,5 y el gris resultante es #929292. Gratis en su navegador.
- Gratis
- Funciona en su navegador
- Sin registro
- Sus datos no salen de su equipo
Ejecutar — gratis
Ejemplo resuelto
- Color
- #e74c3c
- Valor
- 146
- Hex de entrada
- #e74c3c
- RGB de entrada
- 231, 76, 60
- Resistencia (Ω)
- 231
Un convertidor de hex a escala de grises por lightness proyecta un color hex opaco sobre un único gris neutro según la definición clásica de lightness en HSL: el promedio del canal máximo y del mínimo entre rojo, verde y azul. Pegue #e74c3c, #3498db o la forma corta de tres dígitos como #f0a; la herramienta expande el hex, lee cada canal como entero de cero a doscientos cincuenta y cinco, calcula L igual a max más min entre dos, redondea al byte de gris más cercano y devuelve el triple hex gris, el valor numérico, una cadena CSS rgb(), los canales max y min, y la aritmética paso a paso.
Por qué la lightness HSL difiere de la escala de grises por luminosidad
Hay más de una forma estándar de colapsar un color a gris, y elegir la fórmula incorrecta cambia en silencio el contraste, las maquetas de impresión y los temas monocromo. La lightness HSL trata los canales más brillante y más oscuro como las únicas entradas que importan: L es el promedio del canal máximo y del canal mínimo entre rojo, verde y azul.
El rojo puro #ff0000, el verde puro #00ff00 y el azul puro #0000ff comparten max doscientos cincuenta y cinco y min cero, así que los tres se proyectan al mismo gris medio bajo lightness aunque al ojo se vean muy distintos. La ponderación por luminosidad, en cambio, multiplica los canales por coeficientes fijos BT.601 que enfatizan el verde y restan peso al azul, de modo que el verde puro se vuelve un gris más claro que el azul puro. Ningún método es incorrecto; responden a intenciones de búsqueda distintas.
Quien escribe hex a grises por lightness, desaturar HSL a gris o convertidor de promedio max min a gris pide la definición HSL, no la fórmula de luma de televisión. Esta página implementa solo la ruta de lightness, documenta la fórmula en cada respuesta correcta y deja la conversión por luminosidad al convertidor hermano de color a grises que usa coeficientes ponderados.
Los ejercicios de aula y las entrevistas de código suelen especificar lightness explícitamente como max más min entre dos; una referencia determinista elimina la ambigüedad sobre si los canales se normalizaron primero a cero-uno, cómo se redondean los semienteros y si el hex de tres dígitos se expandió antes de tomar max y min.
Consejos prácticos, límites y búsquedas relacionadas
Recuerde que la lightness trata los primarios puros como igual de brillantes: si su producto necesita brillo percibido ponderado al verde, use el convertidor de grises por luminosidad en lugar de esta página. No envíe formas con alfa como #RRGGBBAA—esta página convierte solo hex opaco y rechaza longitudes inesperadas. Los colores CSS con nombre y las cadenas rgb() deben resolverse primero a hex y luego pasarse aquí, de modo que la superficie de validación sea una única cadena de color bien especificada.
Esta página se dirige a quien busca hex a grises por lightness, convertidor de gris por lightness HSL, promedio max min a gris desde hex, o desaturar hex por lightness gratis en línea; no es un desaturador de imágenes completo, ni un convertidor multi-espacio para LAB o CMYK, ni un generador de paletas.
Prefiera esta capacidad cuando ya tiene un token hex y solo necesita su hex gris por lightness HSL y el valor entero; si su canalización aún debe emitir componentes HSL, matiz o saturación, use un convertidor hex a HSL para esos campos y esta herramienta para el paso monocromo.
Qué puede hacer con ella
Tokens monocromo sobre el eje HSL
Los diseñadores pegan códigos hex de marca y reciben valores hex grises por lightness HSL para temas monocromo que deben coincidir con el comportamiento CSS de desaturar a lightness, no con pesos de luminosidad.
Comparar grises por lightness y por luminosidad
Convierta el mismo hex con esta herramienta y con un convertidor por luminosidad para documentar cómo divergen los primarios puros y elija el método que documente su sistema de diseño.
Preguntas frecuentes
¿Qué fórmula usa hex a grises por lightness?
Lightness HSL en canales de 8 bits: L = (max(R,G,B) + min(R,G,B)) / 2, redondeado al entero más cercano de 0 a 255. El hex gris repite ese byte tres veces como #YY.
¿En qué se diferencia de la escala de grises por luminosidad?
La lightness promedia solo los canales más brillante y más oscuro. La luminosidad pondera R, G y B (clásicamente 0.299, 0.587, 0.114). El rojo, verde y azul puros comparten el mismo gris por lightness pero no el mismo gris por luminosidad.
¿Qué formatos de color se aceptan?
Hex #RGB o #RRGGBB con # inicial opcional, sin distinción de mayúsculas. No se aceptan hex con alfa, colores CSS con nombre ni cadenas rgb() en esta página.
¿Es gratis hex a grises por lightness?
La herramienta del navegador es gratuita y se ejecuta en local.
¿Qué gris da #e74c3c por luminosidad HSL?
Da #929292. Sus canales son 231, 76 y 60; se promedian el más alto y el más bajo, (231 + 60) / 2 = 145,5, y se redondea a un valor de gris de 146.
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/grayscale-lightness \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"color":"#e74c3c"}'const res = await fetch("https://api.kit.forhosting.com/color/grayscale-lightness", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"color": "#e74c3c"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/grayscale-lightness",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"color": "#e74c3c"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/grayscale-lightness", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"color":"#e74c3c"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"color":"#e74c3c"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/grayscale-lightness", 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
{
"color": "#e74c3c"
}Ejemplo de respuesta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.grayscale_lightness",
"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.
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
Las cadenas de color no válidas—entrada vacía, longitud hex incorrecta, caracteres no hexadecimales, prefijo de programación 0x o un campo ausente—fallan con un error invalid_input claro en lugar de inventar una muestra. El camino es análisis y aritmética puramente deterministas—sin red, sin semillas aleatorias, sin dependencia del reloj—de modo que el ejecutor gratuito del navegador y la API de prepago devuelven el mismo JSON cada vez que se invoca.
Cómo llamar a la API y qué se devuelve
Se recorta el espacio alrededor, las letras hex pueden ir en mayúsculas o minúsculas, y la almohadilla inicial es opcional. Solo se aceptan cuerpos hexadecimales de tres o seis dígitos; las formas de ocho dígitos con alfa, colores CSS con nombre como rebeccapurple, cadenas de función rgb() y campos numéricos de canal separados quedan fuera del alcance de este contrato centrado en la cadena y se rechazan para que lo note en lugar de descartar el alfa en silencio o inventar un análisis. Envíe un cuerpo JSON con una cadena color obligatoria. El campo color acepta los alias hex, value, text, input y code; ejemplos válidos incluyen #e74c3c, e74c3c, #abc y ABC. En caso de éxito la respuesta devuelve input_hex e input_rgb del origen resuelto, el entero gray y los alias gray_value y value, gray_hex y hex como código neutro de seis dígitos, gray_rgb como array de tres elementos, css como rgb(g, g, g), max_channel y min_channel, lightness como el promedio previo al redondeo con precisión de visualización fija, formula que reafirma L igual a max más min entre dos, method igual a hsl_lightness, message como resumen breve en inglés y steps como array ordenado de líneas de sustitución para enseñanza o depuración. La validación fallida—color ausente, cadena vacía, longitud hex incorrecta, caracteres no hex o prefijo de programación 0x—devuelve invalid_input y nunca se cobra. El precio es un fijo $0.002 por petición correcta con unidad item. Prefiera enviar el token exacto que exportó su herramienta de diseño, incluida la almohadilla si la tiene; la respuesta siempre normaliza el origen a un input_hex de seis dígitos en minúsculas para que los diffs posteriores se mantengan estables entre formatos de portapapeles.
Consejos prácticos, límites y búsquedas relacionadas
Las tareas fallidas que devuelven invalid_input no consumen saldo prepago, lo que mantiene baratos los scripts exploratorios y la validación de formularios mientras se pegan valores imperfectos del portapapeles. Fije el gris redondeado y gray_hex en las pruebas automatizadas para que un cambio futuro de política de redondeo no pase en silencio, y documente que method es hsl_lightness cuando almacene resultados junto a grises por luminosidad de otros sistemas.
Casos de integración
Pruebas unitarias de desaturación por lightness
Genere valores de gris de referencia a partir de fixtures hex para que los motores de tema afirmen la matemática estable (max+min)/2 y detecten regresiones al cambiar de fórmulas de luminosidad.
Preguntas técnicas
¿Qué ocurre con una cadena de color no válida?
La API devuelve invalid_input con un mensaje que describe el problema (entrada vacía, longitud hex incorrecta, caracteres no hex, prefijo 0x, etc.). La validación fallida no se cobra.