HSL→CMYK変換
HSLの色からプロセスインキの値まで一度に求めます。色相210、彩度80%、明度45%は、RGB 23, 115, 207を経て、シアン89%、マゼンタ44%、イエロー0%、キー19%になります。ブラウザで無料で使えます。
- 無料
- ブラウザで動作
- 登録不要
- データは端末の外に出ません
無料で実行
計算例
- H
- 210
- S
- 80
- L
- 45
- 抵抗（Ω）
- 23
- G
- 115
- B
- 207
- シアン
- 89
デザイナーは色相・彩度・明度がスウォッチの話し方と一致するため、HSLで色を選ぶことがよくあります。どの色相環上の色か、どれほど鮮やかか、黒や白にどれほど近いか、です。一方、印刷所、パッケージ業者、印刷伝票は今もシアン・マゼンタ・イエロー・キー（黒）をパーセントで求めます。このHSLからCMYKへの変換器は、その三つのHSL数値を受け取り、ブラウザがhsl()に使うのと同じ閉形式の経路でsRGBへ写し、教科書どおりの減法式を適用します。色管理スイートを開かずにプロセスインクをプレビューできます。無効な彩度や明度は黙って丸められず、明確な誤りとして拒否されるので、打ち間違えたパーセントが誤った印刷伝票になることはありません。
HSLがRGBを経てCMYKになる仕組み
HSLは人向けの円柱モデルです。色相は色相環上の角度、彩度は色が灰色からどれだけ離れているか、明度は黒や白にどれだけ近いかを表します。CMYKは紙の上のインク向けの減法モデルです。
シアン・マゼンタ・イエローは光を吸収し、キー（黒）は三色のインクを重ねずに影と文字を深めます。画面の見え方と一致したまま色相・彩度・明度からプロセスインクへ一気に飛ぶ閉形式は存在しないため、本変換器は印刷プレビューツールが何十年も使ってきた二段階の経路を採ります。まずCSS Color Moduleの算法でHSLを八ビットのsRGBへ変換します。
彩度と明度を単位区間へスケールし、中間の境界pとqを求め、古典的な補助関数hue2rgbで単位円上の三つのずれた位置を標本化します。彩度が零のときは三チャネルが明度由来の同じ灰色に潰れます。単位区間の各チャネルに二百五十五を掛け、最も近い整数へ丸めるので、RGBの三つ組はブラウザのhsl()描画および姉妹のHSLからRGB変換器と一致します。
次にそれらの整数を加法の光として扱い、それぞれを二百五十五で割り、キーを正規化三チャネルの最大値を一から引いた値とし、残りからシアン・マゼンタ・イエローを導きます。純黒は色付きインク零でキー百パーセントになります。
送るもの、返るもの、彩度や明度が失敗する理由
欄h・s・lに有限な三つの数を送ってください。欄hは度単位の色相で、零から三百六十まで（両端を含む）でなければなりません。欄sとlは零から百までのパーセントとしての彩度と明度です。
零から百の閉区間の外にある彩度は、欄sを名指しするメッセージで拒否されるので、クライアントは推測せず彩度コントロールを強調できます。同じ帯の外にある明度は欄lについて同様に失敗します。変換器は百二十パーセントを百へ切り詰めず、負の明度を包み込みもしません。
打ち間違いを黙って直す印刷プレビューは誤りよりも悪く、担当者は伝票がデザイントークンと一致したと信じてしまうからです。零から三百六十の外の色相も、三百六十を法とする包み込みではなく拒否されます。
成功時の応答は、整えたh・s・l、零から二百五十五までの中間整数チャネルr・g・b、印刷パーセントcyan・magenta・yellow・key、cmyk(C%, M%, Y%, K%)形式の印刷可能なcmyk文字列、両段階を名指す短い数式注記を返します。
古典的な確認には、色相零・彩度百・明度五十の純赤がシアン零・マゼンタ百・イエロー百・キー零になること、明度零の任意の色相がキー百になること、明度百の白がすべて零になることが含まれます。単一スウォッチの確認には無料のブラウザフォームを使い、デザインシステムのHSLトークンをプロセスインク列へ変える表が必要なときは、同じ契約をスクリプトから呼び出してください。
検証の失敗は前払い残高を消費しません。
HSLからCMYKの印刷プレビューが役立つ場面
ブランドシステムは、季節テーマのために色相を回しつつコントラスト検査を通る明度段階を保つため、ランプや意味トークンをHSLで保管することがよくあります。同じトークンは後にパッケージ、文具、車両ラッピング、店頭印刷に現れ、業者のフォームはシアン・マゼンタ・イエロー・黒を求めます。
専用のHSLからCMYK変換器があれば、デザイン運用パイプラインは、デザイナー一人ひとりにデスクトップのカラーピッカーを開いて四つの数を手で写させることなく、それらの列を埋められます。HSLに優しいツールで暮らすマーケティングチームでも、ファイルが印刷機へ出る前にプロセスインクの第一印象が必要です。
このページはその第一印象であり、写真のICCプロファイル付きソフト校正の代わりではありません。印刷制作の授業は加法モデルと減法モデルを並べて教え、RGB段階ではCSS描画に、CMYK段階では教科書のキー式に一致する一つの信頼できる基準を必要とします。
ゲームや製品のコンフィギュレータは買い物客に色相環を見せ、同じ色が箱に刷られるときにCMYKを販促票へ落とさねばなりません。後にCMYKからRGBへ戻す変換、多形式変換器、コントラスト検査が必要になった場合は、別の検索意図と別の着地ページとして扱ってください。
このページは、hsl cmyk 変換という問い合わせに、印刷プロファイルのふりをしない誠実で決定論的な答えを置くために存在します。
活用例
デザイントークンから印刷伝票へ
HSLのブランドランプを、パッケージ仕様・文具・業者フォーム向けのシアン・マゼンタ・イエロー・キーのパーセントに変換します。
引き渡し前の印刷プレビュー確認
HSLのモックアップが、黙った切り詰めなしで、ファイルが印刷機へ出る前に期待どおりのプロセスインク値へ対応するかを確認します。
よくある質問
この変換器はどのようにHSLをCMYKにしますか？
まず色相・彩度・明度をCSS / W3Cのhue2rgb経路で8ビットsRGBへ写し、次に教科書の減法式を適用します。キーは最も明るい正規化チャネルを一から引いた値で、シアン・マゼンタ・イエローが残りを埋めます。
彩度や明度が範囲外だとどうなりますか？
彩度sと明度lはそれぞれ0から100パーセントまで（両端を含む）でなければなりません。値は切り詰めも包み込みもされないので、打ち間違えたパーセントが誤った印刷伝票になることはありません。
ICCの印刷プロファイルと同じですか？
いいえ。 これは古典的なRGBからCMYKのキー式を使う、sRGB基準の決定論的な印刷プレビューです。名前付き印刷プロファイルに対する写真のソフト校正は別の作業と別の道具です。
結果にCMYKだけでなくRGBチャネルがあるのはなぜですか？
変換は意図してsRGBを通ります。r・g・bを返すことで、cmyk()文字列を印刷メモへコピーする前に、中間値がブラウザのhsl()スウォッチと一致するかを確認できます。
色相210、彩度80%、明度45%はCMYKでいくつですか？
シアン89%、マゼンタ44%、イエロー0%、キー19%で、cmyk(89%, 44%, 0%, 19%)と表されます。その途中で、RGB値23, 115, 207を求めてからインキの割合を計算します。
関連ツール
開発者向け — APIアクセス
このページの機能はすべてAPIからも利用できます。自社システムに組み込みたいチーム向けのセクションです。それ以外の方は上のツールをそのままお使いください。
エンドポイント
Bearerトークンで認証し、POST1回でタスクをキューに登録します。結果はWebhookまたは署名付きリンクで受け取れます。
お使いのスタックから呼び出す
curl -X POST https://api.kit.forhosting.com/color/hsl-cmyk \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"h":210,"s":80,"l":45}'const res = await fetch("https://api.kit.forhosting.com/color/hsl-cmyk", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"h": 210,
"s": 80,
"l": 45
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/hsl-cmyk",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"h": 210,
"s": 80,
"l": 45
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/hsl-cmyk", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"h":210,"s":80,"l":45}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"h":210,"s":80,"l":45}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/hsl-cmyk", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)リクエスト例
{
"h": 210,
"s": 80,
"l": 45
}レスポンス例
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hsl_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 | リクエストが多すぎます。しばらく待ってから再度お試しください。 |
技術的な注記
無料のブラウザツールとAPIは一つの決定論的な関数を共有するため、デザインレビューと自動化パイプラインが同じHSL三値で食い違うことはありません。
HSLがRGBを経てCMYKになる仕組み
パイプライン全体は乱数の種も時計もネットワーク呼び出しもない純粋な浮動小数点演算なので、同一のHSL入力は常に同一のJSONを生みます。
送るもの、返るもの、彩度や明度が失敗する理由
欠けた欄、空文字列、非数値トークン、NaN、Infinityはinvalid_inputで失敗し、課金されません。成功したAPI呼び出しの料金は公開された一件あたり$0.002の基本料です。
HSLからCMYKの印刷プレビューが役立つ場面
本能力は純粋なparseエンジンなので、API料金は成功一件あたり公開された$0.002であり、失敗した検証は残高を消費しません。
連携の活用例
トークンの一括パイプライン
デザインシステムのHSL仕様を、決定論的なAPIでカタログ・販促票・回帰フィクスチャ用のCMYK列へスクリプト化します。
技術的な質問
HSLからCMYK変換の費用はいくらですか？
ブラウザのツールは無料で、お使いの端末で動きます。API要求は成功一件あたり$0.002のKIT前払い残高を使い、無効な入力は課金されません。