色コード変換
HEX (#FF5733)、RGB(255,87,51)、HSLを入力すると残り2形式に自動変換され、実際の色サンプルもプレビュー表示。CSSのカラー指定、デザインカンプの色合わせ、ブランドカラーの形式違い確認などに使えます。
CSSで色指定するとき、HEXとRGBを行き来する場面に便利です。
読み込み中...
知っておくと便利
- WebセーフカラーはHEX値の各桁が00/33/66/99/CC/FFの216色
- rgba()の4番目の値は透明度（0〜1）
- 背景色と文字色のコントラスト比4.5:1以上がアクセシビリティ推奨
使い方
入力形式を選択
HEX・RGB・HSLから入力形式を選びます。
値を入力
色の値を入力します。HEXなら「#FF5733」のように入力します。
結果を確認
他の2形式への変換結果とカラープレビューが表示されます。
よくある質問
HEX・RGB・HSLとは何ですか？
HEXは16進数表記（例: #FF0000）、RGBは赤・緑・青の3色（例: rgb(255,0,0)）、HSLは色相・彩度・明度（例: hsl(0,100%,50%)）の色指定方法です。
どんな場面で使いますか？
Webサイトのデザイン、CSSの記述、アプリ開発など、色の指定が必要な場面で形式を変換する際に便利です。
3文字のHEXコード（#F00）も入力できますか？
はい、3文字の省略形も対応しています。自動的に6文字に展開して変換します。