ForHosting KIT · Veille et lecture de sites web

Convertissez les formats couleur CSS : HEX, RGB, HSL et CMYK

Convertissez une couleur entre HEX, RGB, HSL et CMYK sans ouvrir un logiciel graphique ni réécrire de formules.

● BetaGratuit · dans votre navigateur

Utilisez-le depuis WebAPIE-mailTelegramApp bientôt

Saisissez une expression complète, choisissez le format voulu et obtenez une valeur propre, prête à copier. Le convertisseur contrôle la notation avant le calcul, ramène les canaux numériques dans leurs plages valides et signale toute entrée mal formée au lieu de la deviner. Il convient donc aux feuilles de style comme aux traitements automatisés reproductibles.

Saisissez une expression de couleur complète

Utilisez une notation reconnue : HEX sur trois ou six chiffres, comme <code>#f80</code> ou <code>#ff8800</code>, <code>rgb()</code> séparé par des virgules, <code>hsl()</code> en pourcentages ou <code>cmyk()</code> en pourcentages. RGB exige trois canaux ; HSL, une teinte et deux pourcentages ; CMYK, quatre pourcentages. Conservez le dièse et les signes de pourcentage requis. Les espaces autour des virgules sont permis. Cette grammaire stricte empêche qu’une valeur incomplète soit prise pour une autre couleur. Les canaux alpha, noms CSS, syntaxes modernes avec espaces et autres espaces colorimétriques sont exclus. Une forme non conforme produit une erreur d’entrée explicite plutôt qu’un résultat incertain.

Comprenez le bornage et l’arrondi

Après validation, chaque canal est borné selon son modèle. RGB reste entre 0 et 255. La teinte HSL reste entre 0 et 360, tandis que saturation et luminosité restent entre 0 et 100 pour cent. Les quatre composantes CMYK restent aussi entre 0 et 100 pour cent. Ainsi, <code>rgb(300, -8, 20)</code> équivaut à <code>rgb(255, 0, 20)</code>. Le bornage ne répare ni canal absent, ni fonction mal orthographiée, ni pourcentage oublié. Le calcul sRGB est déterministe. HEX et RGB sont arrondis en entiers ; HSL et CMYK gardent au plus deux décimales sans zéros inutiles. La réponse indique les formats source et cible afin que vos automatisations puissent vérifier l’analyse effectuée.

Exploitez le résultat dans CSS et vos outils

La réponse contient une valeur normalisée prête à copier ainsi que les formats de départ et d’arrivée. HEX est rendu sur six chiffres majuscules ; RGB, HSL et CMYK emploient des virgules et espaces constants. Vous pouvez adapter un jeton de conception à une bibliothèque, valider un thème importé ou normaliser les couleurs d’un formulaire sans dépendance graphique. CMYK est ici une conversion mathématique, non un profil ICC d’imprimante ni une garantie de rendu physique. L’alpha n’est pas conservé. Le navigateur convient aux conversions ponctuelles ; chaque appel API coûte $0.002 et fournit la même opération déterministe aux scripts, builds, tests et lots contrôlés.

Cas d’usage

Normaliser des jetons graphiques

Convertissez des entrées HEX, RGB, HSL et CMYK mélangées vers la notation unique de votre fichier de jetons.

Préparer une valeur CSS

Transformez une couleur reçue en expression HSL, RGB ou HEX propre et directement utilisable.

Valider des couleurs importées

Refusez les enregistrements mal formés et bornez sans risque les canaux valides hors limites.

Questions fréquentes

Combien coûte une conversion par API ?

Chaque requête API coûte $0.002. L’outil du navigateur convient aux conversions individuelles.

Quels formats d’entrée sont acceptés ?

HEX sur trois ou six chiffres, rgb() à trois canaux, hsl() avec teinte et deux pourcentages, et cmyk() à quatre pourcentages.

Que devient un canal hors plage ?

Un canal bien formé est borné : RGB à 0–255, la teinte à 0–360 et les pourcentages HSL ou CMYK à 0–100.

Les canaux alpha sont-ils acceptés ?

Non. Les formes HEX avec alpha ainsi que rgba() et hsla() sont refusées comme entrées mal formées.

Pourquoi ne pas corriger une syntaxe incorrecte ?

Deviner une syntaxe manquante pourrait changer la couleur voulue. Seuls les dépassements numériques sont bornés.

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

POSThttps://api.kit.forhosting.com/web/color-format-convert

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/web/color-format-convert \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color":"#ff8800","target_format":"hsl"}'

const res = await fetch("https://api.kit.forhosting.com/web/color-format-convert", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "color": "#ff8800",
    "target_format": "hsl"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/web/color-format-convert",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "color": "#ff8800",
    "target_format": "hsl"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/web/color-format-convert", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"color":"#ff8800","target_format":"hsl"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"color":"#ff8800","target_format":"hsl"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/web/color-format-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

{
  "color": "#ff8800",
  "target_format": "hsl"
}

Exemple de réponse

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "web.color_format_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

par requête$0.002

Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.

Limites

`timeout_sec`	30
`max_crawl_pages`	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.

Consulter la documentation complète du KIT →