カラーコード変換 (Hex, RGB, HSL)

使い方ガイド

カラーコンバーターは、HEX・RGB・HSL・HSV・CMYK 形式間でカラー値を変換するオンラインツールです。すべての処理はブラウザでローカルに実行されます。Figma などのデザインツールは HEX コードをエクスポートし、CSS は HEX と RGB/HSL の両方を使用し、印刷ワークフローは CMYK 値を必要とします。このツールは任意の有効なカラー値を受け付け、サポートされているすべての形式の等価値を即座に表示します。HEX コードを入力・RGB トリプルを貼り付け・HSL 値を入力・ネイティブカラーピッカーから色を選択—すべての表現がリアルタイムで更新されます。

1. カラー値を入力 — 入力フィールドに任意のカラー値を入力または貼り付けます：HEX コード（#6366f1 や #fff）・RGB 値・HSL 値・CSS カラー名。コンバーターが形式を自動検出します。
2. カラーピッカーを使用 — カラースウォッチまたはカラーピッカーボタンをクリックして、ブラウザのネイティブカラーピッカーを開きます。視覚的に色を選択すると、すべての形式値が即座に更新されます。
3. すべての形式等価値を確認 — ツールが選択した色を HEX・RGB（0〜255）・RGB（0〜1 正規化）・HSL・HSV・CMYK で同時に表示します。
4. 個々のチャンネルを調整 — RGBA のアルファチャンネルのみを変更したり、HSL で色相を微調整したりして色を微調整します。
5. 任意の形式をコピー — 任意の形式行の横にある「コピー」ボタンをクリックして、その特定の値をクリップボードにコピーします。
6. スウォッチで確認 — 大きなカラープレビュースウォッチが常に実際にレンダリングされた色を表示します。コピーする前に、変換された値が意図した色に対応していることを視覚的に確認するために使用してください。

よくある質問

技術的な仕組み

すべての処理はブラウザ内で完結します — データは一切サーバーに送信されません。このツールはプログレッシブウェブアプリ（PWA）として完全オフラインで動作します：初回アクセス後、すべてのページとアセットが Service Worker によってキャッシュされ、インターネット接続なしでもご利用いただけます。入力データがデバイスの外に出ることはなく、APIキー・パスワード・設定ファイル・機密文書なども安心してご利用いただけます。