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

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

#4e78ccの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#4e78ccの配色パターン

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

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

#4e78ccの配色パターン

#131e33の配色パターン

#273c66の配色パターン

#3a5a99の配色パターン

#4e78ccの配色パターン

#6196ffの配色パターン

■#4e78cc ■#131e33 ■#273c66 ■#3a5a99 ■#4e78cc ■#6196ff

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

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

#4e78ccの配色パターン

#a3b1ccの配色パターン

#7a96ccの配色パターン

#527accの配色パターン

#295fccの配色パターン

#0044ccの配色パターン

■#4e78cc ■#a3b1cc ■#7a96cc ■#527acc ■#295fcc ■#0044cc

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

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

#4e78ccの配色パターン

#cca24eの配色パターン

■#4e78cc ■#cca24e

トライアド配色Triads

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

#4e78ccの配色パターン

#cc4e78の配色パターン

#78cc4eの配色パターン

■#4e78cc ■#cc4e78 ■#78cc4e

アナロガス配色Analogous

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

#4ecca2の配色パターン

#4e78ccの配色パターン

#a24eccの配色パターン

■#4ecca2 ■#4e78cc ■#a24ecc

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

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

#4e78ccの配色パターン

#cc634eの配色パターン

#b7cc4eの配色パターン

■#4e78cc ■#cc634e ■#b7cc4e

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

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

#4e78ccの配色パターン

#cc4e78の配色パターン

#cca24eの配色パターン

#4ecca2の配色パターン

■#4e78cc ■#cc4e78 ■#cca24e ■#4ecca2

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

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

#4e78ccの配色パターン

#cc4eb7の配色パターン

#cca24eの配色パターン

#4ecc63の配色パターン

■#4e78cc ■#cc4eb7 ■#cca24e ■#4ecc63

ペンタード配色Pentad

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

#4e78ccの配色パターン

#bb4eccの配色パターン

#cc564eの配色パターン

#aacc4eの配色パターン

#4ecc89の配色パターン

■#4e78cc ■#bb4ecc ■#cc564e ■#aacc4e ■#4ecc89

ヘクサード配色Hexad

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

#4e78ccの配色パターン

#a24eccの配色パターン

#cc4e78の配色パターン

#cca24eの配色パターン

#78cc4eの配色パターン

#4ecca2の配色パターン

■#4e78cc ■#a24ecc ■#cc4e78 ■#cca24e ■#78cc4e ■#4ecca2