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とは？
Paste a hex code, slide RGB values, or use the color picker -- all formats update in real time. Covers HEX, RGB, HSL, RGBA, and HSLA with one-click copy for every format.
主な機能
Live color preview, native color picker, alpha/opacity control, instant conversion between all CSS color formats, ready-to-use CSS code snippets.
よくある使い方
Web design when you have a hex code but need RGB values, adjusting transparency for overlays, finding HSL equivalents for color manipulation, or just exploring colors visually.
ヒント
HSL is more intuitive than RGB for adjusting colors -- Hue sets the color, Saturation the intensity, Lightness the brightness. Alpha channel ranges from 0 (transparent) to 1 (opaque).
プライバシー
All color math happens in your browser. No data is sent anywhere.