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

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

#3865b9の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#3865b9の配色パターン

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

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

#3865b9の配色パターン

#0f1c33の配色パターン

#1f3866の配色パターン

#2e5399の配色パターン

#3d6fccの配色パターン

#4d8bffの配色パターン

■#3865b9 ■#0f1c33 ■#1f3866 ■#2e5399 ■#3d6fcc ■#4d8bff

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

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

#3865b9の配色パターン

#95a2baの配色パターン

#708abaの配色パターン

#4a72baの配色パターン

#2559baの配色パターン

#0041baの配色パターン

■#3865b9 ■#95a2ba ■#708aba ■#4a72ba ■#2559ba ■#0041ba

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

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

#3865b9の配色パターン

#ba8d38の配色パターン

■#3865b9 ■#ba8d38

トライアド配色Triads

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

#3865b9の配色パターン

#ba3865の配色パターン

#65ba38の配色パターン

■#3865b9 ■#ba3865 ■#65ba38

アナロガス配色Analogous

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

#38ba8dの配色パターン

#3865b9の配色パターン

#8d38baの配色パターン

■#38ba8d ■#3865b9 ■#8d38ba

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

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

#3865b9の配色パターン

#ba4b38の配色パターン

#a7ba38の配色パターン

■#3865b9 ■#ba4b38 ■#a7ba38

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

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

#3865b9の配色パターン

#ba3865の配色パターン

#ba8d38の配色パターン

#38ba8dの配色パターン

■#3865b9 ■#ba3865 ■#ba8d38 ■#38ba8d

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

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

#3865b9の配色パターン

#ba38a7の配色パターン

#ba8d38の配色パターン

#38ba4bの配色パターン

■#3865b9 ■#ba38a7 ■#ba8d38 ■#38ba4b

ペンタード配色Pentad

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

#3865b9の配色パターン

#a738baの配色パターン

#ba3e38の配色パターン

#9aba38の配色パターン

#38ba72の配色パターン

■#3865b9 ■#a738ba ■#ba3e38 ■#9aba38 ■#38ba72

ヘクサード配色Hexad

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

#3865b9の配色パターン

#8d38baの配色パターン

#ba3865の配色パターン

#ba8d38の配色パターン

#65ba38の配色パターン

#38ba8dの配色パターン

■#3865b9 ■#8d38ba ■#ba3865 ■#ba8d38 ■#65ba38 ■#38ba8d