#5f94deの配色パターン、色の組み合わせが一目でわかるWEB色見本

Googleアカウントでログインすると広告表示が控えめになります

#5f94deの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#5f94deの配色パターン

同一色相、同一彩度の配色

明度に変化を持たせた配色

#5f94deの配色パターン

#162233の配色パターン

#2c4466の配色パターン

#426699の配色パターン

#5888ccの配色パターン

#6eaaffの配色パターン

■#5f94de ■#162233 ■#2c4466 ■#426699 ■#5888cc ■#6eaaff

同一色相、同一明度の配色

彩度に変化を持たせた配色

#5f94deの配色パターン

#b1c4deの配色パターン

#85aadeの配色パターン

#5990deの配色パターン

#2c76deの配色パターン

#005cdeの配色パターン

■#5f94de ■#b1c4de ■#85aade ■#5990de ■#2c76de ■#005cde

コンプリメンタリー配色Complementary

色相環の正反対にある色同士の配色

#5f94deの配色パターン

#dea95fの配色パターン

■#5f94de ■#dea95f

トライアド配色Triads

色相環を正三角形で3等分した位置にある3色の配色

#5f94deの配色パターン

#de5f94の配色パターン

#94de5fの配色パターン

■#5f94de ■#de5f94 ■#94de5f

アナロガス配色Analogous

色相環で隣り合う色を組み合わせた配色

#5fdea9の配色パターン

#5f94deの配色パターン

#a95fdeの配色パターン

■#5fdea9 ■#5f94de ■#a95fde

スプリット・コンプリメンタリー配色Split Complementary

基準色とその補色の類似色を使った配色

#5f94deの配色パターン

#de6a5fの配色パターン

#d3de5fの配色パターン

■#5f94de ■#de6a5f ■#d3de5f

テトラード配色(長方形)Tetrad

色相環を長方形に4分した位置にある4色の配色

#5f94deの配色パターン

#de5f94の配色パターン

#dea95fの配色パターン

#5fdea9の配色パターン

■#5f94de ■#de5f94 ■#dea95f ■#5fdea9

テトラード配色(正方形)Tetrad

色相環を正方形に4等分した位置にある4色の配色

#5f94deの配色パターン

#de5fd3の配色パターン

#dea95fの配色パターン

#5fde6aの配色パターン

■#5f94de ■#de5fd3 ■#dea95f ■#5fde6a

ペンタード配色Pentad

色相環を正五角形で5等分した位置にある5色の配色

#5f94deの配色パターン

#c25fdeの配色パターン

#de5f62の配色パターン

#c7de5fの配色パターン

#5fde90の配色パターン

■#5f94de ■#c25fde ■#de5f62 ■#c7de5f ■#5fde90

ヘクサード配色Hexad

色相環を正六角形で6等分した位置にある6色の配色

#5f94deの配色パターン

#a95fdeの配色パターン

#de5f94の配色パターン

#dea95fの配色パターン

#94de5fの配色パターン

#5fdea9の配色パターン

■#5f94de ■#a95fde ■#de5f94 ■#dea95f ■#94de5f ■#5fdea9