カラーコンバーター

HEX、RGB、HSL、CMYK形式間で色を変換します。カラーピッカーで色を選択するか、値を直接入力してください。

#696CFF

HEX

RGB

HEX (Hexadecimal)

#696CFF

RGB (Red, Green, Blue)

rgb(105, 108, 255)

RGBA (with Alpha)

rgba(105, 108, 255, 1)

HSL (Hue, Saturation, Lightness)

hsl(239, 100%, 71%)

HSLA (with Alpha)

hsla(239, 100%, 71%, 1)

CMYK (Cyan, Magenta, Yellow, Key)

cmyk(59%, 58%, 0%, 0%)

CSS Variable

--color-primary: #696CFF;

HEXカラーは16進数表記（#RRGGBB）を使用します。各ペアは00〜FF（0〜255）の範囲の赤、緑、青の値を表します。例：#FF0000は純粋な赤です。短縮形：#RGBは#RRGGBBに展開されます（例：#F00 = #FF0000）。

RGBは0〜255の範囲の赤、緑、青の値を使用します。rgb(255, 0, 0)は赤です。RGBAは透明度のためにアルファチャンネル（0〜1）を追加します。rgba(255, 0, 0, 0.5)は50%透明な赤です。

HSLは色相（0〜360°）、彩度（0〜100%）、明度（0〜100%）を使用します。色相は色相環の角度です：0=赤、120=緑、240=青。HSLは色のバリエーションを作るのに直感的です。

CMYKは印刷に使用されます：シアン、マゼンタ、イエロー、キー（黒）。RGB（加法混色）とは異なり、CMYKは減法混色で色を混ぜると暗くなります。ウェブカラーはRGBベースなのでCMYK変換は近似値です。