カラーコード変換 (HEX / RGB / HSL)

HEX、RGB、HSLのカラーコードを相互変換します。カラープレビュー付きで、デザイン作業に便利。

カラーコード変換について

カラーコードの表記方法は主にHEX(16進数)、RGB(赤緑青)、HSL(色相・彩度・輝度)の3種類があります。デザイン作業やコーディングで頻繁に使う変換をサポートします。

各形式の説明

  • HEX:#ff0000 のように16進数で表現。Webで最も一般的
  • RGB:rgb(255, 0, 0) のように0-255の値で表現
  • HSL:hsl(0, 100%, 50%) のように色相・彩度・輝度で表現