カラーコード変換

カラーコードの種類と使い分け

HEXは#に続く6桁の16進数（例: #FF5733）で、CSSやデザインツールで最も一般的です。

RGBは赤・緑・青の3つの値（0〜255）で色を表現します。CSSではrgb(255, 87, 51)のように記述します。

HSLは色相（0〜360°）・彩度（0〜100%）・明度（0〜100%）で色を表現します。直感的に色を調整しやすいのが特徴です。

Webデザインでよく使うカラーコード

• #000000 — 黒（テキストの基本色）
• #FFFFFF — 白（背景の基本色）
• #F3F4F6 — ライトグレー（背景のセカンダリ）
• #3B82F6 — ブルー（リンク・ボタン）
• #EF4444 — レッド（エラー・警告）
• #22C55E — グリーン（成功・確認）