カラーコンバーター

HEX

#4F46E5

RGB

rgb(79, 70, 229)

HSL

hsl(243, 75%, 59%)

使い方

カラーピッカーを使用するか、HEXコードを入力すると、RGBとHSLの等価値が即座に表示されます。任意の値の横にある「コピー」をクリックしてコピーできます。

よくある質問

HEXカラーとは?

HEXカラーは6桁の16進数コード(例:#4f46e5)で、色の赤・緑・青チャンネルを表します。各ペアの数字は00からFF(0〜255)の範囲です。

RGBとHSLの違いは?

RGBは赤・緑・青の強度(各0〜255)で色を定義します。HSLは色相(0〜360°)、彩度(0〜100%)、明度(0〜100%)で定義し、デザイナーにとってより直感的です。

カラーの不透明度/アルファとは?

アルファ(不透明度)は0(完全に透明)から1(完全に不透明)までの4番目のチャンネルです。CSSではrgba()やhsla()として、HEXでは8桁のコード(例:#4f46e5ff)として表されます。

こちらもおすすめ