変換ツール
色変換ツール
HEX、RGB、HSL間で色コードを変換。カラーピッカーで色を選んでCSSで使えるコードをコピー。
色変換
使い方
- 入力形式（HEX、RGB、HSL）を選択します
- 色の値を入力するか、カラーピッカーで選択します
- 「変換する」ボタンをクリックします
- 各形式の値をコピーして使用します
機能
- HEX変換: #RRGGBB形式での色表現
- RGB変換: rgb(R, G, B)形式での色表現
- HSL変換: hsl(H, S%, L%)形式での色表現
- カラーピッカー: 視覚的に色を選択
よくある質問
HEXカラーコードとは？
HEXは16進数で色を表現する形式です。#の後に6桁（または3桁の短縮形）の英数字で表し、最初の2桁が赤、次の2桁が緑、最後の2桁が青の強さを示します。
RGBとHSLの違いは？
RGBは赤・緑・青の光の三原色で色を表現します。HSLは色相（Hue）・彩度（Saturation）・輝度（Lightness）で表現し、人間の色の認識に近い形式です。
CSSではどの形式を使うべき？
どの形式でも使用できます。HEXは最も一般的で短く書けます。RGBは透明度（RGBA）を指定する際に便利です。HSLは色の調整（明るさや彩度の変更）がしやすいです。