🎨 カラーコード変換ツール – HEX · RGB · HSL · CMYK · Pantone

概要

Toolioのカラーコード変換ツールでは、視覚的に任意の色を選択するか、HEX, RGB, HSLの値を入力して、1クリックでコピー可能なすべての3つの同等形式を瞬時に表示できます。また、選択した色の明るい色と暗い色の5段階のトーンパレットも生成し、色のバリエーションを探索できます。すべてはJavaScriptでクライアントサイドで動作しており、ブラウザからデータが一切送信されないため、ブランドやプロジェクトのプライベートな色でも安全に使用できます。また、選択した色の最も近いPANTONE Solid Coatedの番号も表示し（例: PANTONE 185 C）、スクリーンの色を印刷に近づける際の便利な出発点になります。CMYK値も表示されますが、校正されていないスクリーンの近似値として表示され、印刷用の分版ではありません。実際の数値は出力プロファイル（US Web Coated SWOP, FOGRA39, Japan Color）に依存するため、アートワークを送信する前に印刷業者と確認してください。

使い方

1. カラーピッカーを使うか、HEX フィールドにコード（例：#ff6b4a）を直接入力します。
2. または R・G・B の値（0〜255）をそれぞれ入力して RGB カラーから始めることもできます。
3. 変換されたHEX, RGB, HSL, CMYKの値 – および最も近いPantoneのマッチ – は、変換結果パネルで表示されます。
4. 各形式の横にあるコピーボタンをクリックしてクリップボードにコピーします。
5. 入力欄の下にある 5 つのティントパレットのスウォッチを探索して、明るい・暗いバリエーションを選べます。

よくある質問

このカラー変換ツールは無料で使えますか？

はい、完全無料です。アカウント登録もサブスクリプションも一切不要です。

カラーデータがサーバーにアップロードされますか？

いいえ。すべての変換はブラウザ内の JavaScript でローカルに処理されます。サーバーへのデータ送信は一切ありません。

オフラインでも使えますか？

はい。ページを一度読み込めば、インターネットを切断しても完全に動作します。Progressive Web App として保存してオフラインで使うこともできます。

どのカラー形式に対応していますか？

HEX（例：#ff6b4a）、RGB（例：rgb(255, 107, 74)）、HSL（例：hsl(11, 100%, 64%)）の 3 形式を相互変換します。どれか 1 つを入力すれば、3 つすべての結果が得られます。

ティントパレット機能とは何ですか？

ティントパレットは、選んだ色を明度別に 5 段階（暗〜明）で表示します。スウォッチをクリックするとすべての入力値がそのトーンに切り替わり、そのコードもコピーできます。

Pantone色を表示しますか？

はい。HEX、RGB、HSLとともに、コンバータは1クリックでコピーできるボタン付きで、最も近いPANTONE Solid Coatedの一致（例えばPANTONE 185 C）を表示します。一致は、知覚的CIEDE2000の色差公式によって見つけるものです。Pantoneスポットインクはスクリーン値ではなく物理的に定義されているため、sRGBの一致は近似値であり、正確なインクではありません。

CMYK値を提供していますか？

はい、ただしスクリーンの近似値として扱い、印刷用の分版ではありません。コンバータは、校正されていない標準のRGBからCMYKへの変換式を使用しており、その背後にはICCプロファイルがありません。実際の分版値は出力プロファイル（US Web Coated SWOP, FOGRA39, Japan Color）に依存します。PantoneのCMYK行は、マッチしたインクの近似sRGBから導き出されており、PantoneのライセンスColor Bridgeデータからではなく、多くの特色はCMYK色域の完全に外側にあります。アートワークを送信する前に、印刷業者と常に確認してください。