HSL(220, 45%, 36%)

HSL(220, 45%, 36%)

HEX #324E85

RGB rgb(50, 78, 133)

HSL hsl(220, 45%, 36%)

HSV hsv(220, 62%, 52%)

CMYK cmyk(62%, 41%, 0%, 48%)

XYZ

Lab

スライダー

この色の詳細ページへ

色をクリックすると、詳細ページへ移動します。

配色

補色色相環の正反対

hsl(220, 45%, 36%)hsl(40, 45%, 36%)

類似色隣り合う色相

hsl(190, 45%, 36%)hsl(220, 45%, 36%)hsl(250, 45%, 36%)

トライアド120°ずつ均等

hsl(220, 45%, 36%)hsl(340, 45%, 36%)hsl(100, 45%, 36%)

スプリット補色補色の両隣

hsl(220, 45%, 36%)hsl(10, 45%, 36%)hsl(70, 45%, 36%)

テトラード90°ずつ4色

hsl(220, 45%, 36%)hsl(310, 45%, 36%)hsl(40, 45%, 36%)hsl(130, 45%, 36%)

同一色相の濃淡明度を5段階

hsl(221, 45%, 85%)hsl(220, 45%, 68%)hsl(220, 45%, 52%)hsl(220, 45%, 36%)hsl(220, 45%, 20%)

色のバリエーション

シェード黒を加えて暗くした色

ティント白を加えて明るくした色

トーングレーを加えてくすませた色

※ CMYK は ICC プロファイルを使わない簡易計算です。印刷向けの正確な色再現には出力環境のプロファイルでの確認が必要です。