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

概要

Toolio のカラーコンバーターでは、色を視覚的に選ぶことも、HEX コードを入力することも、R, G, B 値や H, S, L 値を入力することもできます。HEX、RGB、HSL、CMYK を同時に表示し、ワンクリックでコピーできるボタンを用意しています。HEX フィールドは、# の有無にかかわらず 3桁または6桁のコードを受け付け、3桁のコード（例 #f53）は Enter キーを押すかフィールドを離れると #ff5533 に自動的に拡張されます。8桁の透明度を含むコードも受け付けますが、アルファ部分は無視され、無効なコードは明示的に示されます。5段階のティントパレットでは、現在の色に加えて、同じ色相と彩度の2つの暗い色と2つの明るい色を、常に暗い色から明るい色の順に表示します。12色相×7段階の明度とグレーの行からなるカラーチャートでは、ラベル付きの HEX コードをクリックするとその色を読み込めます。すべての処理は JavaScript でクライアント側で行われ、データがブラウザーから送信されることはないため、ブランドやプロジェクトの非公開の色にも安全に使えます。色に最も近い PANTONE Solid Coated 番号（例 PANTONE 185 C）も表示されます。これは、画面の色を印刷に近づける際の最初の参考になります。CMYK 値も表示されますが、これは未調整の画面上の近似値で、印刷用の分版ではありません。実際の数値は出力プロファイル（US Web Coated SWOP、FOGRA39、Japan Color）に依存するため、アートワークを送る前に印刷業者にご確認ください。

使い方

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

よくある質問

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

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

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

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

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

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

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

HEX（例 #ff6b4a）、RGB（例 rgb(255, 107, 74)）、HSL（例 hsl(11, 100%, 65%)）の間で変換し、CMYK も表示します。HEX コード、R, G, B 値または H, S, L 値のいずれかを入力すると、ほかの形式がすべて同時に更新されます。

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

ティントパレットには5つのスウォッチが表示されます。現在の色に加え、同じ色相と彩度の2つの暗い色と2つの明るい色を、重複なく、常に暗い色から明るい色の順に並べています。ほぼ黒い色では後に4段階の明るい色を表示し、ほぼ白い色では前に4段階の暗い色を表示します。スウォッチをクリックすると、すべての入力がその色合いに更新されるため、そのコードもコピーできます。

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色域の完全に外側にあります。アートワークを送信する前に、印刷業者と常に確認してください。

無効な HEX コードを入力すると、どうなりますか？

HEX フィールドには赤い枠線と短いメッセージが表示され、前の色はそのまま残ります。3桁のコード（例 #f53）は Enter キーを押すかフィールドを離れると適用され、透明度を含む8桁のコード（#RRGGBBAA）は最初の6桁を使用し、アルファ部分は無視されます。

カラーチャートはありますか？

はい。結果の下に、12色相×7段階の明度とグレーの行からなるカラーチャートがあります。各セルには HEX コードが表示されており、クリックするとその色をコンバーターに読み込めます。チャートに含まれるのは HEX コードのみで、色名は含まれていません。

過去29日間で30回実行されました。 結果がコピーまたはダウンロードされた：20% 当社のサーバーで測定した結果、2026-09-06–2026-10-05。