HWBからCMYK変換
色相0で白色度も黒色度も0なら純粋な赤で、印刷ではC 0%、M 100%、Y 100%、K 0%になります。発注書や簡易校正に使える安定したインキの割合が得られます。ブラウザで無料で使えます。
- 無料
- ブラウザで動作
- 登録不要
- データは端末の外に出ません
無料で実行
計算例
- Hue
- 0
- 白色度
- 0
- 黒色度
- 0
- Red
- 255
- 緑
- 0
- 青
- 0
- シアン
- 0
印刷プレビュー、パッケージ仕様、または制作チケット向けに、HWBスウォッチをCMYKインク百分率へ変換する必要がありますか。色相を度で、白みと黒みを0から100の百分率で入力すると、シアン・マゼンタ・イエロー・キーの整数百分率、中間のRGBチャネル、貼り付け可能なhwb()およびcmyk()文字列が得られます。経路は完全に決定的です。CSS形式のHWBからRGB、続けて教科書どおりの減算的RGBからCMYKで、ネットワーク呼び出しも乱数シードもありません。
デザインと印刷におけるHWBとCMYKの意味
HWBは色相・白み・黒みを表します。ブラウザがCSSのhwb()関数として公開し、彩度と明度を操作する代わりに純色相を白と黒で混ぜたいときに多くのデザインツールが用いるモデルです。色相は色相環上の角度で、0度から360度までです。
白みと黒みは純色相を白紙および黒インクへ近づける百分率であり、本変換器では合計が100パーセントを超えてはなりません。そうすることで、静かな再正規化の驚きなく自然なHWB領域に留まります。CMYKは商業印刷の減算的プロセスインクモデルです。
シアン・マゼンタ・イエローが紙上で光を吸収し、キー（黒）が三色を重ねずに影と文字を深めます。チームはUIプロトタイプでブランド色をHWBとして選び、その後ダイライン、ベンダー用紙、簡易ソフトプルーフ推定のために安定したCMYK百分率が必要になることがよくあります。本機能はその作業だけを行います。
検証済みのHWB数値3つを入力し、印刷百分率と付随文字列を出力します。写真向けの完全なICCソフトプルーフパイプラインではありませんが、同じHWB三つ組を送るたびに一致すべきプレビュー、QAスクリプト、引き渡しメモの信頼できる解析的基準になります。
変換アルゴリズムの仕組み
まずエンジンは、色相が0から360（両端含む）の間にあり、白みと黒みがそれぞれ0から100の間にあることを確認します。有効な入力は0から1の分数へ正規化されます。白みと黒みの和が1に達すると、結果は白みを合計で割った水準の純灰色となり、CSS Color Level 4のHWB経路に一致します。
そうでない場合、色相セクタから完全飽和の純色相RGB三つ組を構築し（最大彩度・中間明度のHSLと同じ幾何）、各チャネルを1から白みと黒みを引いた値でスケールし、白みでオフセットします。そのRGB浮動小数は0から255の8ビット整数へ丸められます。CMYKは古典的な減算式に従います。
キーは正規化チャネルの最大値を1から引いた値です。黒以外では、シアン・マゼンタ・イエローの各々は1からチャネルとキーを引き、1からキーを引いた値で割り、整数百分率で表します。純黒はシアン・マゼンタ・イエローが0、キーが100になります。
応答は検証済みHWB項目、中間のred・green・blue整数、4つのCMYK百分率、スタイルシートやチケットへ貼るコンパクトなhwb()およびcmyk()文字列を返します。
入力する値と結果の読み方
成功時の本文にはそれらの入力、red・green・blue、cyan・magenta・yellow・key、および表示用のcmykとhwb文字列が含まれます。無料のブラウザ経路は同一の純粋solveモジュールをアカウントなしで実行し、単一スウォッチ確認や色相とプロセスインクの授業デモに適します。
公開面が安定するまでステータスはbetaですが、算術は固定の教科書数学であり、同じ入力でずれません。デジタルHWBトークンと印刷CMYK仕様が、ばらばらの表計算ではなく一つの決定的変換経路を共有するよう、デザインシステム文書と本ツールを組み合わせてください。
パイプラインでは各変換を独自タスクとして送り、監査と印刷準備済みエクスポートのために元のHWBトークンの隣に4つのインク百分率を保存します。
活用例
HWBのUIトークンからの印刷プレビュー
デザインシステムのHWBブランド色を、パッケージ校正・文房具・ベンダー仕様シート向けのCMYK百分率に変換します。
印刷引き渡し前のデザインQA
プロトタイプのHWBスウォッチが、商業印刷へ出す前に想定のプロセスインク値へ対応することを検証します。
自動化とカタログパイプライン
HWBとして保存された商品・カタログ色を、CMSジョブと印刷チケット向けにシアン・マゼンタ・イエロー・キーへ一括変換します。
よくある質問
HWBからCMYKへの変換には何を入力しますか？
色相を0〜360の角度で、白色度と黒色度を0〜100のパーセントで入力します。結果には4色のインキの割合と、途中の赤・緑・青の値が含まれます。
白色度と黒色度の合計が100を超えるとどうなりますか？
変換は止まり、合計が大きすぎることを知らせます。思わぬ灰色が返ることはありません。2つの合計が100以下になるよう調整してください。
ブラックの割合はどう計算しますか？
1から赤・緑・青のうち最も強い値を引いたものがブラックです。純粋な赤は赤が最大なので、ブラックは0%になり、色はマゼンタとイエローで表されます。
本格的な色校正の代わりになりますか？
なりません。画面の色から印刷インキへの標準的な計算式を使うため、プレビューや入稿メモには十分ですが、特定の印刷機や用紙、カラープロファイルは考慮しません。
関連ツール
開発者向け — APIアクセス
このページの機能はすべてAPIからも利用できます。自社システムに組み込みたいチーム向けのセクションです。それ以外の方は上のツールをそのままお使いください。
エンドポイント
Bearerトークンで認証し、POST1回でタスクをキューに登録します。結果はWebhookまたは署名付きリンクで受け取れます。
お使いのスタックから呼び出す
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)リクエスト例
{
"hue": 0,
"whiteness": 0,
"blackness": 0
}レスポンス例
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hwb_cmyk",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}非同期APIです。task_idは即時に返ります。ポーリングは1秒あたり1リクエストまでです。
料金
単価はすべて公開しています。トークン換算や独自クレジットはありません。失敗したタスクは課金されません。
エラー
| HTTP | コード | 意味 |
|---|---|---|
401 | unauthorized | APIキーが無効か、指定されていません。Authorizationヘッダーを確認してください。 |
402 | insufficient_balance | 残高が不足しています。チャージ後に再度お試しください。 |
404 | unknown_type | 指定されたタスクタイプは存在しません。タイプ名を確認してください。 |
429 | rate_limited | リクエストが多すぎます。しばらく待ってから再度お試しください。 |
技術的な注記
本変換器は各項目を検証し、範囲外の白み・黒み、または合計が100を超える場合を明確なinvalid_inputで拒否するため、不正値が印刷キューに届きません。ブラウザでは無料で実行でき、同一の純粋ロジックをAPI経由で成功リクエストごとに$0.002で呼び出せます。
変換アルゴリズムの仕組み
合計が100を超えると、予期しない灰色を返す代わりに混合物を直せるよう、合計規則を示すinvalid_inputで失敗します。
API契約・料金・実務での使い方
必須の有限数3つ、hue・whiteness・blacknessを含むJSONオブジェクトをPOSTしてください。欠落項目、非有限値、宣言範囲外のチャネル、または白みと黒みの和が100超はinvalid_inputとなり課金されません。成功したAPI変換はリクエストあたり定額$0.002です。ワイヤ上のhex・rgb()・hwb()表記の曖昧な解析を避け、OpenAPI・SDK・フォーム制御を揃えるため、自由文の色文字列より明示的な数値項目を選んでください。
技術的な質問
HWBからCMYK変換器はどの入力を受け付けますか。
有限数3つです。hue（0–360度）、whiteness（0–100）、blackness（0–100）。白みと黒みの和は100を超えてはなりません。欠落または範囲外はinvalid_inputを返します。
応答には何が含まれますか。
検証済みのhue・whiteness・blackness、中間のred・green・blue（0–255）、整数百分率のcyan・magenta・yellow・key、ならびにhwb()とcmyk()文字列です。
HWBからCMYKのAPI料金はいくらですか。
成功したAPI呼び出しは毎回$0.002です。同じ変換器はアカウントなしでブラウザ無料で動作します。
白みと黒みの和が100を超えるとどうなりますか。
合計規則を説明するinvalid_inputで失敗します。無効なクライアント入力は課金されません。
変換は決定的ですか。
はい。CSSのHWBからRGB経路と標準の減算的RGBからCMYK式を固定丸めで使うため、同じHWB三つ組は常に同じJSONになります。