Buscar nombre de color desde HEX
#ff5733 se identifica como tomato, el color con nombre más cercano (#ff6347), a una distancia de 23.323808, así sabe que se parece pero no es idéntico. Dé un nombre comprensible a sus códigos hex sin fingir que coinciden. Gratis en su navegador.
- Gratis
- Funciona en su navegador
- Sin registro
- Sus datos no salen de su equipo
Ejecutar — gratis
Ejemplo resuelto
- Hex
- #ff5733
- Hex de entrada
- #ff5733
- Nombre
- tomato
- Hex con nombre
- #ff6347
- Distancia
- 23,323808
Un código HEX es preciso, pero difícil de describir en documentación o revisiones. Esta herramienta convierte un valor de tres o seis dígitos en el color CSS/X11 sólido más cercano. Compara rojo, verde y azul, y devuelve el nombre, el HEX canónico, ambos valores RGB, la distancia y si la coincidencia es exacta, sin confundir una aproximación con una igualdad.
Introduzca un color hexadecimal válido
Indique un color en el campo hex. Se admiten seis dígitos, como <code>#ff5733</code>, y la forma abreviada de tres, como <code>#f53</code>, con almohadilla opcional y letras mayúsculas o minúsculas. La forma corta repite cada dígito antes de comparar.
Se rechazan los formatos alfa de cuatro u ocho dígitos porque la opacidad no participa en la distancia entre colores sólidos. Tampoco se admiten <code>rgb()</code>, <code>hsl()</code>, variables ni nombres. Así, un token defectuoso nunca se convierte silenciosamente en otro color.
Convierta previamente cualquier otra notación a HEX de tres o seis dígitos.
Comprenda cómo se elige el nombre
El sistema transforma la entrada en canales rojo, verde y azul de 0 a 255 y hace lo mismo con los colores sólidos CSS/X11. Para cada candidato resta los canales, eleva las diferencias al cuadrado, las suma y obtiene la raíz cuadrada. Gana la distancia menor.
Cero significa igualdad exacta; un valor mayor indica una etiqueta aproximada. Es un método sencillo y reproducible, aunque no modela perfectamente la percepción humana. La lista está ordenada alfabéticamente, por lo que un empate siempre selecciona el primer nombre.
Utilice el resultado sin perder el original
Considere el nombre una descripción útil, no un sustituto obligatorio. La respuesta conserva el HEX normalizado y sus canales RGB, y añade el nombre ganador, su HEX y RGB, la distancia y el indicador de coincidencia exacta. Esto permite auditar informes, importaciones y transformaciones.
Puede mostrar la etiqueta junto al token original, fijar un umbral antes de normalizar una paleta o explicar un código en soporte técnico. Si necesita fidelidad visual, conserve el HEX original; si prioriza palabras clave del navegador, adopte el valor nombrado según su propio límite de distancia. El cálculo no usa red, azar ni reloj, por lo que sirve para pruebas y compilaciones reproducibles.
Qué puede hacer con ella
Etiquetar tokens de diseño
Añada un nombre CSS comprensible junto a cada valor hexadecimal sin eliminar el original.
Revisar paletas importadas
Mida la cercanía de colores externos a palabras clave estándar antes de normalizarlos.
Facilitar conversaciones sobre color
Convierta códigos opacos en nombres estables para incidencias, documentación y soporte.
Preguntas frecuentes
¿Qué formatos HEX se aceptan?
Exactamente tres o seis dígitos hexadecimales, con almohadilla opcional y en mayúsculas o minúsculas.
¿Admite transparencia alfa?
No. Las formas de cuatro u ocho dígitos se rechazan porque la paleta contiene colores sólidos.
¿Cómo se calcula el color más cercano?
Se minimiza la distancia euclídea entre los canales rojo, verde y azul de la entrada y cada color.
¿Por qué el nombre puede resultar inesperado?
La distancia RGB es matemática, no perceptual, y los nombres CSS no están distribuidos uniformemente.
¿Cómo se resuelven los empates?
Los nombres se evalúan alfabéticamente, así que siempre gana la primera palabra clave CSS.
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/name-lookup \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#ff5733"}'const res = await fetch("https://api.kit.forhosting.com/color/name-lookup", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#ff5733"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/name-lookup",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#ff5733"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/name-lookup", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#ff5733"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#ff5733"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/name-lookup", 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
{
"hex": "#ff5733"
}Ejemplo de respuesta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.name_lookup",
"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
Introduzca un color hexadecimal válido
Si faltan dígitos, aparecen caracteres no hexadecimales o el valor no es texto, se devuelve <code>invalid_input</code>.
Comprenda cómo se elige el nombre
Algunos términos son alias con el mismo RGB, como gray y grey, o aqua y cyan. La API y el navegador producen así el mismo resultado en cada ejecución.
Utilice el resultado sin perder el original
En esta página funciona localmente; cada solicitud automatizada cuesta $0.002.
Preguntas técnicas
¿Cuánto cuesta una solicitud API?
Cada solicitud cuesta $0.002. El ejecutor del navegador realiza localmente el mismo cálculo.