Convertir une couleur
Convertir une couleur, c’est exprimer une même teinte dans un autre système de codage : le HEX (#1E88E5) du web, le RVB (30, 136, 229) des écrans, le HSL raisonné en teinte, saturation et luminosité. La couleur ne change pas ; seule sa notation s’adapte à l’outil ou au langage qui l’attend.
Lancer gratuitement
Tout se passe dans votre navigateur : gratuit, sans envoi de vos données.
Trois notations pour une même couleur
Le HEX, comme #1E88E5, est la forme reine du web et des feuilles de style. Le RVB décompose la couleur en trois canaux rouge, vert et bleu, de 0 à 255 : pratique pour un traitement d’image. Le HSL, en teinte, saturation et luminosité, correspond mieux à la façon dont l’œil raisonne une couleur, ce qui aide à l’éclaircir ou à la désaturer. Convertir, c’est passer de l’une à l’autre sans jamais changer le ton obtenu à l’écran.
Vers quel format selon l’usage
Le choix dépend de l’outil qui reçoit la couleur. Une feuille de style se satisfait du HEX ou du RVB ; un logiciel de dessin réclame parfois le HSL ; un tableur ou un script attend le format que vous lui imposez. Plutôt que de calculer les canaux à la main ou de fouiller un nuancier, vous saisissez la couleur dans un système et récupérez aussitôt son équivalent dans les autres.
Une conversion fidèle à la teinte
La conversion est purement arithmétique : chaque système décrit le même point de couleur, et l’outil applique la formule qui relie l’un à l’autre. Le ton affiché reste rigoureusement le même d’un format à l’autre ; seule l’écriture diffère. Un aperçu vous laisse vérifier d’un coup d’œil que la teinte obtenue correspond bien à celle attendue, avant de la recopier.
Gratuit, local, et disponible par appel
Tout se calcule dans votre navigateur : aucune couleur, aucun code n’est envoyé ailleurs, et l’usage manuel est gratuit et sans limite. Pour convertir des couleurs en nombre — par exemple aligner toute une charte graphique sur un même système — un appel programmable réalise la même opération à $0.002 la requête, en dollars US. La page pour un besoin isolé, l’appel pour une série.
Cas d’usage
Aligner une charte graphique
Studio Lumen SAS convertit en HEX les couleurs RVB fournies par un client, pour les intégrer directement dans la feuille de style d’un site.
Reprendre une couleur de logo
Élodie Garnier récupère le code exact d’une teinte de marque et le décline en RVB pour un logiciel de dessin qui n’accepte pas le HEX.
Ajuster une nuance
Julien Lefèvre passe une couleur en HSL pour l’éclaircir d’un cran sans en changer la teinte, puis reconvertit le résultat en HEX pour son CSS.
Uniformiser un jeu de couleurs
Atelier Garnier SARL convertit une liste de teintes vers un format unique via l’appel programmable, afin que tous ses supports parlent le même langage de couleur.
Questions fréquentes
Quels formats de couleur sont pris en charge ?
Le HEX, le RVB et le HSL (teinte, saturation, luminosité), dans les deux sens. Vous saisissez une couleur dans l’un et récupérez ses équivalents dans les autres.
La teinte change-t-elle après conversion ?
Non. Les systèmes décrivent la même couleur ; seule la notation diffère. Le ton affiché à l’écran reste identique d’un format à l’autre.
La transparence est-elle gérée ?
Un code HEX peut inclure un canal de transparence, sur huit caractères. Cette valeur est conservée telle quelle, distincte de la teinte elle-même.
Mes couleurs sont-elles envoyées sur un serveur ?
Non. Le calcul se fait dans votre navigateur ; rien ne quitte la page. Vos codes couleur restent chez vous.
L’outil est-il payant ?
Non dans le navigateur : usage libre et illimité. Seul l’appel programmable, pour convertir des séries de couleurs, coûte $0.002 la requête, en dollars US.
Puis-je convertir plusieurs couleurs à la fois ?
Sur la page, une couleur à la fois, autant de fois que nécessaire. Pour traiter une liste entière d’un coup, l’appel programmable est prévu pour cela.
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/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)Exemple de requête
{
"items": [
"valor-1",
"valor-2"
]
}Exemple de réponse
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "data.color_convert",
"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 | 25 |
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. |