カラー変換 — HEX、RGB、HSL、HSV、CMYK
HEX、RGB、HSL、HSV、CMYK形式の色を瞬時に変換できます。ライブプレビュー付きのインタラクティブなカラーホイールをご利用いただけます。
カラーホイール
#FF5733
全形式
HEX:
#FF5733
RGB:
rgb(255, 87, 51)
HSL:
hsl(11, 100%, 60%)
HSV:
hsv(11, 80%, 100%)
CMYK:
cmyk(0%, 66%, 80%, 0%)
色を変換する方法
- カラーピッカーを使用するか、任意の形式（HEX、RGB、またはHSL）で色の値を入力してください
- その他の全形式がリアルタイムで自動的に更新されます
- ライブカラープレビューで結果をご確認ください
- 任意の形式の横にあるコピーボタンをクリックすると、値をコピーできます
クイックリファレンス
| 変換元 | 変換先 |
|---|---|
| #FF0000 | rgb(255,0,0) |
| #00FF00 | hsl(120,100%,50%) |
| #0000FF | rgb(0,0,255) |
| rgb(255,165,0) | #FFA500 |
| hsl(0,0%,50%) | #808080 |
| #FFFFFF | rgb(255,255,255) |
使用例
- •Web開発：スタイルシート用のCSSカラー形式を相互変換できます
- •グラフィックデザイン：異なる形式を使用するデザインツール間で色を変換できます
- •ブランドガイドライン：各形式での色の一貫した表現を確保できます
- •アクセシビリティ：コントラスト要件を満たすためにHSLの輝度値を調整できます
計算式
カラー変換には標準アルゴリズムを使用しています。HEXはRGB値の16進数表現です。HSL（色相、彩度、輝度）は色を直感的に表現するための形式です。
よくある質問
HEXカラー形式とは何ですか？
HEXは6桁の16進数カラーコード（例：#FF5733）です。各2桁のペアは、00からFFの範囲で赤・緑・青の強度を表しています。
RGBとHSLの違いは何ですか？
RGBは赤・緑・青の強度（0〜255）で色を定義します。HSLは色相（0〜360°）、彩度（0〜100%）、輝度（0〜100%）を使用しており、色の選択においてより直感的な形式です。
HEXをRGBに変換するにはどうすればよいですか？
HEXコードを3つのペアに分割します。#FF5733 → FF=255（赤）、57=87（緑）、33=51（青）となります。各ペアを16進数から10進数に変換してください。
白のHEXコードは何ですか？
HEXでは#FFFFFF、RGBではrgb(255, 255, 255)、HSLではhsl(0, 0%, 100%)となります。
モバイルでカラーピッカーを使用できますか？
はい、ネイティブのカラーピッカーはほとんどのモダンなモバイルブラウザで動作し、タッチ操作に対応したカラー選択インターフェースが開きます。