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

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

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

キーカラーKey Color

配色の基準となる色

#b7ace9の配色パターン

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

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

#b7ace9の配色パターン

#282633の配色パターン

#504b66の配色パターン

#797199の配色パターン

#a197ccの配色パターン

#c9bdffの配色パターン

■#b7ace9 ■#282633 ■#504b66 ■#797199 ■#a197cc ■#c9bdff

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

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

#b7ace9の配色パターン

#c2bae8の配色パターン

#9c8be8の配色パターン

#765de8の配色パターン

#502ee8の配色パターン

#2b00e8の配色パターン

■#b7ace9 ■#c2bae8 ■#9c8be8 ■#765de8 ■#502ee8 ■#2b00e8

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

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

#b7ace9の配色パターン

#dde8acの配色パターン

■#b7ace9 ■#dde8ac

トライアド配色Triads

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

#b7ace9の配色パターン

#e8b7acの配色パターン

#ace8b7の配色パターン

■#b7ace9 ■#e8b7ac ■#ace8b7

アナロガス配色Analogous

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

#acdde8の配色パターン

#b7ace9の配色パターン

#e8acddの配色パターン

■#acdde8 ■#b7ace9 ■#e8acdd

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

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

#b7ace9の配色パターン

#e8d5acの配色パターン

#bfe8acの配色パターン

■#b7ace9 ■#e8d5ac ■#bfe8ac

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

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

#b7ace9の配色パターン

#e8b7acの配色パターン

#dde8acの配色パターン

#acdde8の配色パターン

■#b7ace9 ■#e8b7ac ■#dde8ac ■#acdde8

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

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

#b7ace9の配色パターン

#e8acbfの配色パターン

#dde8acの配色パターン

#ace8d5の配色パターン

■#b7ace9 ■#e8acbf ■#dde8ac ■#ace8d5

ペンタード配色Pentad

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

#b7ace9の配色パターン

#e8acd1の配色パターン

#e8cfacの配色パターン

#b9e8acの配色パターン

#ace8e7の配色パターン

■#b7ace9 ■#e8acd1 ■#e8cfac ■#b9e8ac ■#ace8e7

ヘクサード配色Hexad

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

#b7ace9の配色パターン

#e8acddの配色パターン

#e8b7acの配色パターン

#dde8acの配色パターン

#ace8b7の配色パターン

#acdde8の配色パターン

■#b7ace9 ■#e8acdd ■#e8b7ac ■#dde8ac ■#ace8b7 ■#acdde8