Palette di colori da un'immagine
Questo strumento del KIT analizza un'immagine e ne ricava la palette dei colori principali, restituendoti i codici HEX e RGB pronti da copiare. È utile per costruire i colori di un sito, di una presentazione o di un logo partendo da una foto. Funziona interamente nel browser: la foto resta sul tuo dispositivo.
Esegui gratis nel browser
Funziona nel tuo browser: gratis, senza registrazione, i file non escono dal tuo dispositivo.
Dai colori di una foto alla tua palette
Carichi un'immagine e ottieni una selezione dei colori che la compongono, ordinati per quanto pesano nella foto. Invece di provare a indovinare a occhio la tinta di un cielo o di un tessuto, hai i valori esatti da riusare. È il modo pratico per partire da un riferimento visivo — una foto prodotto, un panorama, un'illustrazione — e trasformarlo in una tavolozza concreta.
HEX e RGB pronti da copiare
Ogni colore della palette arriva con il suo codice HEX (tipo #2E5A88) e i valori RGB, quelli che servono davvero quando li incolli in un foglio di stile, in un editor grafico o in una presentazione. Niente conversioni a mano: copi il codice e lo usi dove ti serve, con la certezza che è esattamente il colore che vedi nella foto.
Gratis e privato
È uno strumento gratuito del KIT che gira nel browser, senza limiti e senza registrazione. L'immagine non viene inviata a nessun server: l'analisi dei colori avviene sul tuo dispositivo. Puoi quindi estrarre la palette anche da foto riservate o da bozze non ancora pubblicate, senza affidarle a terzi.
Quanti colori estrarre
La palette raccoglie i colori più rappresentativi dell'immagine, sufficienti a coglierne il carattere cromatico. Per un logo o un tema web di solito bastano pochi colori ben scelti: un dominante, un paio di accenti e un neutro. Da una foto ricca ne ricavi comunque una gamma da cui selezionare quelli che userai.
Casi d'uso
I colori di un brand da una foto prodotto
Giulia Bianchi lancia una linea di cosmetici e ha già la foto del prodotto di punta. Ne estrae la palette e costruisce i colori del sito e delle etichette partendo dalle tinte reali della confezione.
Il tema di un sito
Vuoi che un sito richiami l'atmosfera di una foto di copertina. Ricavi la palette dall'immagine e usi quei codici HEX per sfondi, pulsanti e titoli, ottenendo un insieme coerente.
Una presentazione coordinata
Per delle slide con una foto d'apertura forte, prendi i suoi colori dominanti e li applichi a grafici e titoli, così l'intera presentazione sembra pensata attorno a quell'immagine.
Domande frequenti
In che formato ottengo i colori?
Ogni colore della palette arriva con il codice HEX e i valori RGB, pronti da copiare e incollare in un foglio di stile, in un editor grafico o in una presentazione. Non devi fare nessuna conversione a mano.
Quanti colori estrae?
Restituisce i colori più rappresentativi dell'immagine, quelli che ne definiscono il carattere. Da lì selezioni i pochi che ti servono davvero: di solito un dominante, un paio di accenti e un neutro bastano per un brand o un tema.
È davvero gratis?
Sì. L'estrazione della palette nel browser è gratuita, senza limiti e senza registrazione. Nessun costo nascosto e nessun abbonamento.
L'immagine viene caricata su un server?
No. L'analisi avviene interamente nel tuo browser e la foto non lascia il dispositivo. Puoi quindi ricavare i colori anche da immagini riservate o non ancora pubblicate.
Che differenza c'è con il colore dominante?
La palette ti dà un insieme dei colori principali; il colore dominante ti dà invece quello singolo che pesa di più. Usa la palette per costruire una tavolozza, il colore dominante quando ti serve una sola tinta, ad esempio per uno sfondo.
Funziona con i PNG trasparenti?
Sì. Nelle immagini con trasparenza la palette viene calcolata sui pixel colorati, ignorando le zone completamente trasparenti, così i codici riflettono i colori reali del soggetto.
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/image/palette \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"image":"https://ejemplo.com/imagen.jpg"}'const res = await fetch("https://api.kit.forhosting.com/image/palette", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"image": "https://ejemplo.com/imagen.jpg"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/image/palette",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"image": "https://ejemplo.com/imagen.jpg"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/image/palette", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"image":"https://ejemplo.com/imagen.jpg"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"image":"https://ejemplo.com/imagen.jpg"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/image/palette", 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
{
"image": "https://ejemplo.com/imagen.jpg"
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "image.palette",
"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 | 15 |
max_megapixels | 12 |
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. |