カラーコード変換
HEX、RGB、HSL間での色コード変換を行います。色の可視化プレビューも表示します。
スポンサーリンク
読み込み中...
色コード入力
カンマ区切りの3つの数値（0〜255）
色相（0〜359）、彩度（0〜100%）、明度（0〜100%）
色プレビュー
CSS形式
color: #3366ff;
color: rgb(51, 102, 255);
color: hsl(225, 100%, 60%);
コンポーネント
RGB:
HSL:
色コードについて
HEX (16進数):
ウェブで最も一般的な色の表現方法です。「#」記号の後に6桁の16進数が続きます。 最初の2桁が赤 (R)、次の2桁が緑 (G)、最後の2桁が青 (B) の値を表します。 値の範囲は00〜FFで、00が最も暗く、FFが最も明るくなります。
RGB (Red, Green, Blue):
赤、緑、青の3つの値で色を表現します。各値の範囲は0〜255で、0が最も暗く、255が最も明るくなります。 CSS では rgb(R, G, B) の形式で使用します。
HSL (Hue, Saturation, Lightness):
色相、彩度、明度の3つの値で色を表現します。色相は0〜359の角度で色の種類、彩度は0〜100%で色の鮮やかさ、 明度は0〜100%で色の明るさを表します。HSLは人間が理解しやすい色表現方法です。 CSS では hsl(H, S%, L%) の形式で使用します。
使い方
- HEX、RGB、HSLのいずれかの形式で色コードを入力します。
- 他の形式に自動的に変換された結果が表示されます。
- 値の横にある「コピー」ボタンをクリックすると、その値をクリップボードにコピーできます。
- 入力した色のプレビューも表示されます。
スポンサーリンク
読み込み中...
関連ツール
CSS圧縮
CSSコードを圧縮・最適化します。ファイルサイズの削減に。
整形開発+2
使ってみる
画像リサイズ
画像のサイズを変更します。ブラウザ上で安全に処理。
テスト画像+1
使ってみる
QRコード生成
テキストやURLからQRコードを生成します。画像として保存可能。
生成変換+1
使ってみる
URI エンコード
URLエンコード（パーセントエンコーディング）を行います。日本語や特殊文字をURL形式に変換。
変換開発+2
使ってみる
URI デコード
URLデコード（パーセントデコーディング）を行います。エンコードされたURLを元の文字列に戻します。
変換開発+2
使ってみる
Base64 エンコード
テキストをBase64形式にエンコードします。バイナリデータの安全な転送に。
変換開発+2
使ってみる
スポンサーリンク
読み込み中...
プライバシーについて
お気に入り情報はブラウザ内にのみ保存されます。サーバーには送信されないため、安心してご利用ください。