HEX RGB変換ツール
リアルタイムプレビュー付きでHEX、RGB、HSLカラー形式を変換
カラー変換
カラープレビュー
CSS出力
使用例
Webデザインカラー
人気のWebデザインカラーをCSS使用のためにHEXからRGBおよびHSL形式に変換します。
ブランドカラー
ブランドカラーをオーバーレイ用のアルファ透明度付きで全CSS形式に変換します。
パステルパレット
柔らかいパステルカラーを探索し、すべてのカラー形式での値を確認します。
機能
双方向変換
任意の形式から他のすべてに即座に変換 — HEX、RGB、HSL、RGBA、HSLA
リアルタイムプレビュー
値を調整したりコードを入力するとリアルタイムで色が更新されます
アルファチャンネル対応
アルファスライダーで透明度を調整し、透明な色のRGBAとHSLA出力を取得
プライバシー重視
すべてのカラー変換はブラウザ内でローカルに処理され、サーバーにデータは送信されません
使い方
色を入力
HEXコードを入力するか、RGBスライダーを調整するか、カラーピッカーを使って色を選択します。
全形式を確認
すべてのカラー形式（HEX、RGB、HSL、RGBA、HSLA）がリアルタイムで自動更新されます。
CSSコードをコピー
コピーボタンをクリックして、お好みの形式のカラー値をクリップボードにコピーします。
よくある質問
HEX to RGB Converterとは？
HEXコードを貼り付け、RGB値をスライド、またはカラーピッカーを使用 -- すべての形式がリアルタイムで更新されます。HEX、RGB、HSL、RGBA、HSLAに対応し、各形式のワンクリックコピーが可能です。
主な機能
カラーリアルタイムプレビュー、ネイティブカラーピッカー、アルファ/透明度コントロール、すべてのCSSカラー形式間の即時変換、即使用可能なCSSコードスニペット。
よくある使い方
HEXコードはあるがRGB値が必要なウェブデザイン、オーバーレイの透明度調整、色操作のためのHSL相当値の検索、または単に色を視覚的に探索する場合など。
ヒント
HSLは色の調整にRGBよりも直感的です -- 色相が色を設定し、彩度が強度を、明度が明るさを決定します。アルファチャンネルは0（透明）から1（不透明）の範囲です。
プライバシー
すべてのカラー計算はブラウザ内で行われます。データはどこにも送信されません。