Trouver le nom d’une couleur HEX
#ff5733 est reconnu comme tomato, la couleur nommée la plus proche (#ff6347), à une distance de 23.323808 : vous savez qu'elle est proche sans être identique. Donnez un nom parlant à vos codes hex sans prétendre qu'ils coïncident. Gratuit dans votre navigateur.
- Gratuit
- Fonctionne dans votre navigateur
- Sans inscription
- Vos données restent sur votre appareil
Lancer gratuitement
Exemple résolu
- Hex
- #ff5733
- Hex saisi
- #ff5733
- Nom
- tomato
- Hex nommé
- #ff6347
- Distance
- 23,323808
Un code HEX est précis, mais difficile à décrire dans une documentation ou une revue. Cet outil associe une valeur de trois ou six chiffres à la couleur CSS/X11 unie la plus proche. Il renvoie le nom, le HEX canonique, les deux triplets RVB, la distance et un indicateur de correspondance exacte, sans présenter une approximation comme une égalité.
Saisissez une couleur hexadécimale valide
Renseignez hex avec six chiffres, comme <code>#ff5733</code>, ou trois, comme <code>#f53</code>. Le dièse est facultatif et la casse est indifférente. La forme courte répète chaque chiffre.
Les formes alpha à quatre ou huit chiffres sont refusées, car l’opacité ne participe pas à la distance entre couleurs unies. Les notations <code>rgb()</code>, <code>hsl()</code>, variables et noms sont également exclues. Convertissez d’abord toute autre notation en HEX à trois ou six chiffres.
Comprenez la sélection du nom
Le solveur convertit l’entrée en canaux rouge, vert et bleu de 0 à 255, puis traite chaque couleur CSS/X11 de la même façon. Il soustrait les canaux, élève les écarts au carré, les additionne et prend la racine carrée. La plus petite distance gagne; zéro indique une égalité.
Cette méthode est reproductible, mais ne modélise pas parfaitement la vision humaine. La palette étant classée par ordre alphabétique, une égalité choisit toujours le premier nom.
Exploitez le résultat sans perdre l’original
Considérez le nom comme une description, pas comme un remplacement obligatoire. La réponse conserve le HEX normalisé et son RVB, puis ajoute le nom gagnant, son HEX et son RVB, la distance et l’état exact. Vous pouvez étiqueter des jetons, définir un seuil avant de normaliser une palette ou expliquer une valeur au support.
Pour préserver le rendu, gardez le HEX original; pour adopter les mots-clés du navigateur, appliquez votre propre seuil. Le calcul n’utilise ni réseau, ni hasard, ni horloge et convient aux tests reproductibles.
Cas d’usage
Étiqueter des jetons graphiques
Ajoutez un nom CSS lisible à chaque valeur HEX tout en conservant l’original.
Contrôler une palette importée
Mesurez sa proximité avec les mots-clés standard avant toute normalisation.
Clarifier les échanges
Transformez un code opaque en nom stable pour les tickets, guides et assistance.
Questions fréquentes
Quels formats HEX acceptez-vous ?
Trois ou six chiffres hexadécimaux, avec un dièse facultatif et sans distinction de casse.
La transparence alpha est-elle prise en charge ?
Non. Les formes à quatre ou huit chiffres sont refusées, car la palette est unie.
Comment calculez-vous la couleur proche ?
Nous minimisons la distance euclidienne entre les canaux rouge, vert et bleu.
Pourquoi le nom peut-il surprendre ?
La distance RVB est mathématique, non perceptuelle, et la palette CSS est irrégulière.
Comment traitez-vous les égalités ?
Les noms sont examinés alphabétiquement; le premier mot-clé CSS l’emporte.
Outils associés
Pour les développeurs — accès API
Tout sur cette page est disponible par programmation. Cette section s'adresse aux équipes qui veulent l'intégrer à leurs systèmes ; les autres peuvent simplement utiliser l'outil ci-dessus.
Endpoint
Authentification par jeton Bearer : un seul POST met la tâche en file d’attente, et le résultat vous parvient par webhook ou lien signé.
Appeler depuis votre 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)Exemple de requête
{
"hex": "#ff5733"
}Exemple de réponse
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.name_lookup",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L’API est asynchrone : chaque appel renvoie un task_id immédiatement, puis vous interrogez l’état à raison d’une requête par seconde.
Tarifs
Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.
Erreurs
| HTTP | Code | Signification |
|---|---|---|
401 | unauthorized | Clé API absente ou invalide : vérifiez l’en-tête Authorization. |
402 | insufficient_balance | Solde insuffisant : rechargez votre compte pour lancer cette tâche. |
404 | unknown_type | Type de tâche inconnu : vérifiez le champ type de votre requête. |
429 | rate_limited | Trop de requêtes : ralentissez la cadence, puis réessayez. |
Notes techniques
Saisissez une couleur hexadécimale valide
Une longueur incorrecte, un caractère non hexadécimal, une valeur vide ou non textuelle produit <code>invalid_input</code>. Ainsi, un jeton erroné ne devient jamais silencieusement une autre couleur.
Comprenez la sélection du nom
Certains mots sont des alias identiques, notamment gray et grey, ou aqua et cyan. L’API et le navigateur donnent donc un résultat stable sur chaque machine.
Exploitez le résultat sans perdre l’original
Il s’exécute localement sur cette page; chaque requête automatisée coûte $0.002.
Questions techniques
Quel est le prix d’une requête API ?
Chaque requête coûte $0.002. Le navigateur effectue localement le même calcul.