Trovare il nome di un colore HEX
#ff5733 viene riconosciuto come tomato, il colore con nome più vicino (#ff6347), a una distanza di 23.323808: sa così che è simile ma non identico. Dia un nome comprensibile ai Suoi codici hex senza fingere che coincidano. Gratis nel Suo browser.
- Gratis
- Funziona nel suo browser
- Senza registrazione
- I suoi dati restano sul dispositivo
Esegui gratis nel browser
Esempio risolto
- Hex
- #ff5733
- Hex di input
- #ff5733
- Nome
- tomato
- Hex con nome
- #ff6347
- Distanza
- 23,323808
Un codice HEX è preciso, ma poco pratico da descrivere in documenti e revisioni. Questo strumento abbina tre o sei cifre al colore pieno CSS/X11 più vicino. Restituisce nome, HEX canonico, entrambe le terne RGB, distanza e indicatore di corrispondenza esatta, senza far passare un’approssimazione per uguaglianza.
Inserisca un colore esadecimale valido
Compili hex con sei cifre, per esempio <code>#ff5733</code>, oppure tre, come <code>#f53</code>. Il cancelletto è facoltativo e sono ammesse maiuscole e minuscole. La forma breve ripete ogni cifra.
Le forme alfa a quattro o otto cifre vengono rifiutate perché l’opacità non appartiene alla distanza fra colori pieni. Sono escluse anche notazioni <code>rgb()</code>, <code>hsl()</code>, variabili e nomi. Un token difettoso non può quindi trasformarsi silenziosamente in un altro colore.
Converta prima ogni altra notazione in un HEX di tre o sei cifre.
Comprenda come viene scelto il nome
Il sistema converte l’ingresso in canali rosso, verde e blu da 0 a 255 e ripete l’operazione per ogni colore CSS/X11. Sottrae i canali, eleva gli scarti al quadrato, li somma ed estrae la radice. Vince la distanza minore; zero indica identità.
Il metodo è riproducibile, ma non rappresenta perfettamente la percezione visiva. La tavolozza è alfabetica, quindi una parità sceglie sempre il primo nome.
Usi il risultato conservando l’originale
Tratti il nome come descrizione, non come sostituzione automatica. La risposta mantiene HEX normalizzato e RGB, poi aggiunge nome vincente, HEX e RGB nominati, distanza e stato esatto. Lei può etichettare token, stabilire una soglia prima di normalizzare una tavolozza o spiegare un codice all’assistenza.
Per la fedeltà visiva conservi l’HEX originale; per uniformarsi alle parole chiave del browser applichi una propria soglia. Il calcolo non usa rete, casualità o orologio ed è adatto a test riproducibili.
Casi d'uso
Etichettare token grafici
Aggiunga un nome CSS leggibile a ogni valore HEX senza eliminare l’originale.
Controllare tavolozze importate
Misuri la vicinanza alle parole chiave standard prima della normalizzazione.
Chiarire le conversazioni
Trasformi codici opachi in nomi stabili per ticket, guide e assistenza.
Domande frequenti
Quali formati HEX sono ammessi?
Tre o sei cifre esadecimali, con cancelletto facoltativo e senza distinzione di maiuscole.
È supportata la trasparenza alfa?
No. Le forme a quattro o otto cifre sono rifiutate perché la tavolozza è piena.
Come si calcola il colore più vicino?
Si minimizza la distanza euclidea fra i canali rosso, verde e blu.
Perché il nome può sorprendere?
La distanza RGB è matematica, non percettiva, e i nomi CSS sono distribuiti in modo irregolare.
Come vengono risolte le parità?
I nomi sono esaminati alfabeticamente e vince la prima parola chiave CSS.
Strumenti correlati
Per sviluppatori — accesso via API
Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.
Endpoint
Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.
Chiamala dal tuo 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)Esempio di richiesta
{
"hex": "#ff5733"
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.name_lookup",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.
Prezzi
Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.
Errori
| HTTP | Codice | Significato |
|---|---|---|
401 | unauthorized | Chiave API mancante o non valida: controlla l'header Authorization. |
402 | insufficient_balance | Credito esaurito: ricarica per continuare a eseguire attività. |
404 | unknown_type | Tipo di attività sconosciuto: controlla il campo type della richiesta. |
429 | rate_limited | Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo. |
Note tecniche
Inserisca un colore esadecimale valido
Lunghezza errata, caratteri non esadecimali, valore vuoto o non testuale producono <code>invalid_input</code>.
Comprenda come viene scelto il nome
Alcune parole sono alias RGB identici, come gray e grey oppure aqua e cyan. Browser e API forniscono così lo stesso risultato stabile in ogni esecuzione.
Usi il risultato conservando l’originale
In questa pagina avviene localmente; ogni richiesta automatizzata costa $0.002.
Domande tecniche
Quanto costa una richiesta API?
Ogni richiesta costa $0.002. Il browser svolge localmente lo stesso calcolo.