Hai un colore in HEX e ti serve in RGB?
Traduce un colore da un formato all’altro: da un codice HEX come #1D4ED8 a RGB, HSL o HSV, e viceversa. Incolli il valore che hai già — quello del brand, di un mockup o del CSS — e ottieni lo stesso identico colore scritto in tutte le notazioni, pronto da incollare dove ti serve.
Esegui gratis nel browser
Funziona nel tuo browser: gratis, senza registrazione, i file non escono dal tuo dispositivo.
HEX, RGB, HSL: lo stesso colore, scritto in modi diversi
Un colore sullo schermo è sempre lo stesso, ma si può scrivere in più notazioni: HEX (#1D4ED8), RGB (rgb(29, 78, 216)), HSL e HSV. Ognuna serve a qualcosa: HEX e RGB sono lo standard del CSS, HSL è comoda per schiarire o scurire una tinta lavorando su un solo numero. Lo strumento prende il valore che hai e te lo restituisce in tutte le notazioni, pronto da copiare.
Perché ti serve averle tutte
Ti capita di avere un colore in un formato e di doverlo usare in un altro: il brand arriva come codice HEX, ma nel CSS ti serve rgba() per aggiungere la trasparenza; il programma di grafica lavora in HSL, il foglio di stile no. Convertire a mano è noioso e facile da sbagliare. Avere lo stesso colore in ogni notazione ti evita di rifare i conti e di ritrovarti con tinte leggermente diverse tra un file e l’altro.
Gratis nel browser, via API per una palette intera
Incolli il codice e leggi subito il colore in tutti i formati, gratis e senza registrazione, senza che il valore esca dalla pagina. Se devi convertire una palette intera o una colonna di codici, la stessa funzione è via API a $0.002 a richiesta. La usi dal web oggi, dove è questa stessa pagina a eseguirla; presto anche da app per telefono, email e Telegram.
Casi d'uso
Dal colore del brand al CSS
Una web designer riceve il colore del brand come #1D4ED8 e le serve in rgba() per applicarlo con una trasparenza in un CSS: lo converte e lo incolla, sicura che sia identico.
Da un mockup al foglio di stile
Chi traduce un mockup in codice prende i colori indicati in HSL dallo strumento di grafica e li converte in HEX per il CSS, senza scarti tra il progetto e la pagina.
Uniformare una palette
Uno studio che cura l’immagine di più clienti converte tutte le palette nello stesso formato via API, così i codici colore sono scritti in modo coerente in ogni progetto.
Domande frequenti
Quali formati di colore gestisce?
I formati del web: HEX, RGB, HSL e HSV, convertibili nei due sensi. Per la stampa il valore CMYK è indicativo, perché dipende dal profilo e dal dispositivo, e va sempre verificato in fase di stampa.
Gestisce la trasparenza, il canale alpha?
Sì: puoi lavorare con RGBA e HSLA per indicare l’opacità, utile quando nel CSS ti serve un colore semitrasparente e non solo la tinta piena.
Il colore resta identico dopo la conversione?
Per HEX, RGB, HSL e HSV sì: descrivono lo stesso spazio di colore, quindi la conversione è esatta. Solo il CMYK per la stampa è una stima, non una corrispondenza perfetta.
Quanto costa la conversione?
Nel browser è gratis, senza limiti. Via API, comoda per convertire molte tinte insieme, costa $0.002 a richiesta, a consumo con PayPal e senza abbonamento.
Il colore che incollo viene inviato a un server?
No: la conversione avviene nel tuo browser e il valore non lascia il dispositivo. Nessuna registrazione, nessun dato spedito altrove.
Posso convertire più colori insieme?
Sì, via API passi un elenco di codici e li ricevi convertiti tutti nello stesso formato, comodo per una palette o per un foglio di calcolo di colori.
Va bene anche da cellulare?
Sì, dal browser del cellulare, senza app: incolli il codice e copi il risultato nel formato che ti serve.
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/data/color-convert \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"items":["valor-1","valor-2"]}'const res = await fetch("https://api.kit.forhosting.com/data/color-convert", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"items": [
"valor-1",
"valor-2"
]
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/data/color-convert",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"items": [
"valor-1",
"valor-2"
]
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/data/color-convert", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"items":["valor-1","valor-2"]}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"items":["valor-1","valor-2"]}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/data/color-convert", 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
{
"items": [
"valor-1",
"valor-2"
]
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "data.color_convert",
"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.
Limiti
max_mb | 25 |
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. |