カラー変換

HEX、RGB、HSL 形式間でカラーをライブプレビュー付きで変換します。

ブラウザ内処理のみ（オフライン対応）
1

テキストを入力

内容を貼り付けるか入力してください。

2

設定を調整

お好みの結果になるようオプションを設定。

3

コピーまたは保存

出力をクリップボードにコピーまたは保存。

このツールについて

HEX、RGB、HSL 形式間でカラーを変換。ライブカラープレビュー付き。無料オンラインツール。

ブラウザ内処理のみ（オフライン対応）

カラー変換ツールとは？

カラー変換ツールは、ライブのビジュアルプレビュー付きで HEX、RGB、HSL 形式間でカラーを変換します。任意の形式でカラーを入力すると、他のすべての形式への同等値がカラースウォッチと共に即座に表示されます。

CSS、デザインツール、またはブランドガイドライン用のカラー表記を変換する必要があるデザイナーや開発者に最適です。

主な活用例

  • CSS 開発：スタイルシート用にカラー形式を変換
  • デザインの引き渡し：デザイン仕様のカラーをコード対応値に変換
  • ブランドガイドライン：ドキュメント用にブランドカラーを形式間で変換
  • アクセシビリティ：コントラスト比の要件を満たすよう HSL の明度を調整
  • テーマ開発：ライト/ダークテーマ変数用のカラー値を生成

プライバシー優先のカラー処理

カラー変換はブラウザ内の純粋な JavaScript の計算を使用 — サーバー呼び出しなし、追跡なし。

  • データは送信されません — カラー値は完全にデバイス上に留まります
  • ページ読み込み後はオフラインでも動作

関連ツール

Base64 エンコード/デコード

テキストを Base64 にエンコード、または Base64 をテキストにデコードします。

URL エンコード/デコード

URL コンポーネントをエンコードまたはデコードし、ウェブアドレスで安全に使用できるようにします。

JSON フォーマッター

JSON データのフォーマット、検証、圧縮をシンタックスハイライト付きで行います。

よくある質問

HEX (#ff6600 または #f60)、RGB (rgb(255, 102, 0))、HSL (hsl(24, 100%, 50%)) で入力できます。他の形式は自動的に表示されます。
現在は不透明色のみ対応しています。RGBA と HSLA のサポートは今後のアップデートで追加予定です。
いいえ。すべての処理はブラウザ内で完結します。データがデバイスから出ることは一切ありません。サーバーへのアップロードは行われません。
はい。ページを一度読み込めば、完全にオフラインで動作します。より快適にご利用いただくには、ブラウザから PrivaDeck を PWA としてインストールしてください。
サーバー側の制限はありません。最大ファイルサイズはデバイスの利用可能なメモリとブラウザの性能によって異なります。最近のデバイスであれば数百 MB までのファイルを問題なく処理できます。