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

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

#3d6fccの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#3d6fccの配色パターン

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

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

#3d6fccの配色パターン

#0f1c33の配色パターン

#1f3866の配色パターン

#2e5399の配色パターン

#3d6fccの配色パターン

#4d8bffの配色パターン

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

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

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

#3d6fccの配色パターン

#a3b1ccの配色パターン

#7a97ccの配色パターン

#527cccの配色パターン

#2962ccの配色パターン

#0047ccの配色パターン

■#3d6fcc ■#a3b1cc ■#7a97cc ■#527ccc ■#2962cc ■#0047cc

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

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

#3d6fccの配色パターン

#cc9a3dの配色パターン

■#3d6fcc ■#cc9a3d

トライアド配色Triads

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

#3d6fccの配色パターン

#cc3d6fの配色パターン

#6fcc3dの配色パターン

■#3d6fcc ■#cc3d6f ■#6fcc3d

アナロガス配色Analogous

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

#3dcc9aの配色パターン

#3d6fccの配色パターン

#9a3dccの配色パターン

■#3dcc9a ■#3d6fcc ■#9a3dcc

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

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

#3d6fccの配色パターン

#cc533dの配色パターン

#b7cc3dの配色パターン

■#3d6fcc ■#cc533d ■#b7cc3d

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

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

#3d6fccの配色パターン

#cc3d6fの配色パターン

#cc9a3dの配色パターン

#3dcc9aの配色パターン

■#3d6fcc ■#cc3d6f ■#cc9a3d ■#3dcc9a

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

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

#3d6fccの配色パターン

#cc3db7の配色パターン

#cc9a3dの配色パターン

#3dcc53の配色パターン

■#3d6fcc ■#cc3db7 ■#cc9a3d ■#3dcc53

ペンタード配色Pentad

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

#3d6fccの配色パターン

#b73dccの配色パターン

#cc443dの配色パターン

#a8cc3dの配色パターン

#3dcc7dの配色パターン

■#3d6fcc ■#b73dcc ■#cc443d ■#a8cc3d ■#3dcc7d

ヘクサード配色Hexad

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

#3d6fccの配色パターン

#9a3dccの配色パターン

#cc3d6fの配色パターン

#cc9a3dの配色パターン

#6fcc3dの配色パターン

#3dcc9aの配色パターン

■#3d6fcc ■#9a3dcc ■#cc3d6f ■#cc9a3d ■#6fcc3d ■#3dcc9a