Palette de couleurs
Cet outil analyse une image et en extrait une palette : les couleurs les plus présentes, chacune avec son code hexadécimal et sa valeur RVB. Vous récupérez la gamme d’une photo ou d’un logo pour la réutiliser ailleurs. L’analyse se fait dans votre navigateur, gratuitement.
Lancer gratuitement
Tout se passe dans votre navigateur : gratuit, sans envoi de vos données.
Une palette lisible et réutilisable
L’outil identifie un jeu de couleurs représentatives de l’image et les classe par importance. Chaque teinte est fournie avec son code hexadécimal, celui que l’on colle directement dans un fichier CSS, un logiciel de mise en page ou un outil de création. Plutôt que de piocher une couleur à l’œil, vous obtenez des valeurs exactes, cohérentes avec l’image de départ. C’est le point de départ idéal pour bâtir une harmonie autour d’une photo d’inspiration ou pour retrouver les teintes précises d’un visuel existant.
De la photo à la charte graphique
Extraire la palette d’une photo de produit aide à choisir les couleurs d’une fiche ou d’un fond qui ne jureront pas avec le visuel. À partir d’un logo, l’outil retrouve les teintes exactes de la marque, utile quand on a perdu la charte d’origine. Pour une présentation ou une affiche, partir des couleurs d’une image d’ambiance donne un ensemble cohérent sans compétence particulière en colorimétrie. La palette devient une base de travail concrète, exprimée dans les codes que comprennent tous les outils.
Gratuit et confidentiel
L’analyse se déroule entièrement dans votre navigateur : l’image ne quitte pas votre appareil, rien n’est transmis ni conservé, et l’usage est gratuit sans limite de nombre. Vous pouvez donc extraire la palette d’un visuel confidentiel — une maquette non publiée, un document interne — sans craindre qu’il soit exposé. Aucune inscription n’est nécessaire. C’est une réponse directe à la question que se posent beaucoup d’utilisateurs avant de déposer un fichier : ici, il ne part nulle part.
Cas d’usage
Accorder un site à une photo
Le Studio Lumen SAS conçoit une page autour d’une photo d’ambiance. La palette extraite fournit les codes hexadécimaux à réutiliser pour les titres et les fonds, afin que tout s’accorde avec l’image principale.
Retrouver les couleurs d’un logo
L’Atelier Garnier SARL a égaré sa charte graphique. En analysant son logo, l’atelier récupère les teintes exactes de la marque pour ses futurs supports, sans avoir à les deviner.
Composer une affiche cohérente
Nadia Benali prépare une affiche associative à partir d’une photo. La palette lui donne trois ou quatre couleurs assorties pour le texte et les encadrés, ce qui rend le rendu harmonieux.
Questions fréquentes
Sous quelle forme sont données les couleurs ?
Chaque couleur de la palette est fournie avec son code hexadécimal et sa valeur RVB, directement exploitables dans un fichier CSS, un logiciel graphique ou un outil de mise en page.
Combien de couleurs l’outil extrait-il ?
Il renvoie les teintes les plus représentatives de l’image, classées par importance. Cela suffit généralement à composer une harmonie ; pour la seule teinte principale, l’outil de couleur dominante est plus direct.
Mon image est-elle envoyée sur un serveur ?
Non. L’analyse se fait dans votre navigateur : le fichier reste sur votre appareil et n’est ni transmis ni conservé. Vous pouvez analyser un visuel confidentiel sans risque d’exposition.
L’outil est-il vraiment gratuit ?
Oui, sans limite de nombre, car le calcul est local. Aucune inscription, aucun coût pour cet usage dans le navigateur : vous extrayez autant de palettes que nécessaire.
Puis-je extraire les palettes d’une série d’images automatiquement ?
Oui, via l’API, pratique pour traiter un catalogue entier. L’usage manuel dans le navigateur reste gratuit ; l’API, destinée à l’automatisation, est facturée à l’usage en dollars US.
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/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)Exemple de requête
{
"image": "https://ejemplo.com/imagen.jpg"
}Exemple de réponse
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "image.palette",
"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.
Limites
max_mb | 15 |
max_megapixels | 12 |
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. |