Convertisseur HWB vers CMYK
La teinte 0 sans blancheur ni noirceur est un rouge pur, qui s'imprime en cyan 0 %, magenta 100 %, jaune 100 % et noir 0 %. Obtenez des pourcentages d'encre stables pour un bon de commande ou une épreuve rapide. Gratuit dans votre navigateur.
- Gratuit
- Fonctionne dans votre navigateur
- Sans inscription
- Vos données restent sur votre appareil
Lancer gratuitement
Exemple résolu
- Hue
- 0
- Blancheur
- 0
- Noirceur
- 0
- Red
- 255
- Vert
- 0
- Bleu
- 0
- Cyan
- 0
Vous devez transformer un nuancier HWB en pourcentages d'encre CMYK pour une prévisualisation d'impression, une note d'emballage ou un ticket de production ? Saisissez la teinte en degrés ainsi que la blancheur et la noirceur en pourcentages de zéro à cent, et obtenez cyan, magenta, jaune et noir en pourcentages entiers, les canaux RGB intermédiaires et les chaînes hwb() et cmyk() prêtes à coller. Le chemin est entièrement déterministe : HWB vers RGB au style CSS, puis RGB vers CMYK soustractif de manuel, sans appel réseau ni graine aléatoire.
Ce que HWB et CMYK signifient pour le design et l'impression
HWB signifie teinte, blancheur et noirceur. C'est le modèle que les navigateurs exposent via la fonction CSS hwb() et que de nombreux outils de design utilisent lorsqu'on souhaite une teinte pure mélangée au blanc et au noir plutôt que de manipuler saturation et luminosité. La teinte est un angle sur la roue des couleurs en degrés de zéro à trois cent soixante.
Blancheur et noirceur sont des pourcentages qui mélangent la teinte pure vers le papier blanc et l'encre noire respectivement ; ensemble elles ne doivent pas dépasser cent pour cent dans ce convertisseur afin que le mélange reste dans le domaine naturel HWB sans renormalisation silencieuse. CMYK est le modèle soustractif des encres de quadrichromie pour l'impression commerciale : cyan, magenta et jaune absorbent la lumière sur le papier, et le key (noir) approfondit ombres et texte sans empiler trois encres colorées.
Les équipes choisissent souvent une teinte de marque en HWB dans un prototype d'interface, puis ont besoin de pourcentages CMYK stables pour un contour de découpe, un formulaire fournisseur ou une estimation rapide de soft-proof. Cette capacité ne fait que ce travail : trois nombres HWB validés en entrée, pourcentages d'impression et chaînes associées en sortie. Ce n'est pas un pipeline ICC complet de soft-proof photographique, mais une base analytique fiable pour prévisualisations, scripts de QA et notes de transfert qui doivent coïncider à chaque envoi du même triplet HWB.
Comment fonctionne l'algorithme de conversion
D'abord le moteur vérifie que la teinte est comprise entre zéro et trois cent soixante inclus et que blancheur et noirceur sont chacune entre zéro et cent. Les entrées valides sont normalisées en fractions de zéro à un. Lorsque blancheur plus noirceur atteint un, le résultat est un gris pur dont le niveau est blancheur divisée par la somme, conformément au chemin HWB de CSS Color Level 4.
Sinon un triplet RGB de teinte pure pleinement saturée est construit à partir du secteur de teinte (même géométrie que HSL à saturation maximale et luminosité moyenne), puis chaque canal est mis à l'échelle par un moins blancheur moins noirceur et décalé par la blancheur. Ces flottants RGB sont arrondis en entiers huit bits de zéro à deux cent cinquante-cinq.
CMYK suit la formule soustractive classique : le key est un moins le canal normalisé maximal ; pour les couleurs non noires, chaque cyan, magenta et jaune vaut un moins le canal moins le key, divisé par un moins le key, puis exprimé en pourcentage entier. Le noir pur donne cyan, magenta et jaune à zéro avec key cent.
La réponse renvoie les champs HWB validés, les entiers intermédiaires red, green et blue, les quatre pourcentages CMYK et les chaînes compactes hwb() et cmyk() à coller dans des feuilles de style ou des tickets.
Que saisir et comment lire le résultat
En cas de succès, le corps inclut ces entrées, red, green et blue, cyan, magenta, yellow, key, plus les chaînes d'affichage cmyk et hwb. Le statut est beta tant que la surface publique se stabilise, mais l'arithmétique est une mathématique de manuel fixe et ne dérive pas pour les mêmes entrées. Associez cet outil à la documentation de votre design system pour que les jetons HWB numériques et les spécifications CMYK d'impression partagent un seul chemin de conversion déterministe au lieu de tableurs divergents.
Pour les pipelines, soumettez chaque conversion comme tâche distincte et stockez les quatre pourcentages d'encre à côté du jeton HWB d'origine pour les audits et les exports prêts pour la presse.
Cas d’usage
Prévisualisations d'impression depuis des jetons HWB d'UI
Transformez les teintes de marque HWB du design system en pourcentages CMYK pour épreuves d'emballage, papeterie et fiches de spécification fournisseurs.
QA design avant remise à la presse
Validez que les pastilles HWB d'un prototype correspondent aux valeurs d'encre de process attendues avant que les fichiers partent en impression commerciale.
Automatisation et pipelines de catalogue
Convertissez par lots des couleurs produit ou catalogue stockées en HWB en cyan, magenta, jaune et key pour jobs CMS et tickets d'impression.
Questions fréquentes
Quelles entrées le convertisseur HWB vers CMYK accepte-t-il ?
Blancheur plus noirceur ne doit pas dépasser 100.
Que se passe-t-il si blancheur et noirceur dépassent 100 au total ?
La conversion s'arrête et vous signale que la somme est trop élevée, au lieu de renvoyer un gris inattendu. Baissez l'une des deux valeurs pour rester à 100 ou moins.
Comment le pourcentage de noir est-il calculé ?
Le noir vaut un moins le plus fort des canaux rouge, vert et bleu. Le rouge pur a un canal rouge au maximum, donc le noir reste à 0 % et la couleur repose sur le magenta et le jaune.
Quelle couleur obtient-on si blancheur et noirceur font exactement 100 ?
Un gris neutre, sans teinte. Sa clarté dépend de la part de blancheur dans la somme : plus il y a de blancheur, plus ce gris est clair.
Cet outil remplace-t-il une épreuve couleur professionnelle ?
Non. Il applique la formule classique de la couleur d'écran vers les encres de quadrichromie, utile pour les aperçus et les notes à l'imprimeur, sans tenir compte d'une presse, d'un papier ou d'un profil précis.
Outils associé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
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/color/hwb-cmyk \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hue":0,"whiteness":0,"blackness":0}'const res = await fetch("https://api.kit.forhosting.com/color/hwb-cmyk", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hue": 0,
"whiteness": 0,
"blackness": 0
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/hwb-cmyk",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hue": 0,
"whiteness": 0,
"blackness": 0
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/hwb-cmyk", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hue":0,"whiteness":0,"blackness":0}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hue":0,"whiteness":0,"blackness":0}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/hwb-cmyk", 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
{
"hue": 0,
"whiteness": 0,
"blackness": 0
}Exemple de réponse
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hwb_cmyk",
"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.
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. |
Notes techniques
Le convertisseur valide chaque champ et rejette une blancheur ou une noirceur hors plage ou une somme supérieure à cent avec un message invalid_input clair, afin que de mauvaises valeurs n'atteignent jamais la file presse. Exécutez-le gratuitement dans votre navigateur ou appelez la même logique pure via l'API à $0.002 par requête réussie.
Comment fonctionne l'algorithme de conversion
Si leur somme dépasse cent, la requête échoue avec invalid_input en citant la règle de somme pour que vous puissiez corriger le mélange au lieu de recevoir un gris inattendu.
Contrat API, tarification et usage pratique
Envoyez en POST un objet JSON avec trois nombres finis obligatoires : hue, whiteness et blackness. Champs manquants, valeurs non finies, canal hors plage déclarée ou blancheur plus noirceur au-dessus de cent lèvent invalid_input et ne sont pas facturés. Les conversions API réussies coûtent un forfait de $0.002 par requête ; le chemin gratuit du navigateur exécute le même module solve pur sans compte, idéal pour vérifier une seule pastille ou une démo en classe sur teinte versus encre de process. Préférez des champs numériques explicites aux chaînes de couleur en texte libre afin qu'OpenAPI, les SDK et les contrôles de formulaire restent alignés et que vous évitiez un parsing ambigu de notations hex, rgb() ou hwb() sur le fil.
Questions techniques
Que contient la réponse ?
Les hue, whiteness et blackness validés ; red, green et blue intermédiaires (0–255) ; cyan, magenta, yellow et key en pourcentages entiers ; plus les chaînes hwb() et cmyk().
Combien coûte l'API HWB vers CMYK ?
Chaque appel API réussi coûte $0.002. Le même convertisseur s'exécute gratuitement dans votre navigateur sans compte requis.
Que se passe-t-il si blancheur plus noirceur dépasse 100 ?
La requête échoue avec invalid_input expliquant la règle de somme. Une entrée client invalide n'est pas facturée.
La conversion est-elle déterministe ?
Oui. Elle utilise le chemin CSS HWB vers RGB et la formule soustractive standard RGB vers CMYK avec arrondi fixe, donc le même triplet HWB produit toujours le même JSON.