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

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

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

キーカラーKey Color

配色の基準となる色

#a960bfの配色パターン

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

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

#a960bfの配色パターン

#2d1a33の配色パターン

#5a3366の配色パターン

#874d99の配色パターン

#b466ccの配色パターン

#e180ffの配色パターン

■#a960bf ■#2d1a33 ■#5a3366 ■#874d99 ■#b466cc ■#e180ff

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

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

#a960bfの配色パターン

#b699bfの配色パターン

#ad73bfの配色パターン

#a44dbfの配色パターン

#9c26bfの配色パターン

#9300bfの配色パターン

■#a960bf ■#b699bf ■#ad73bf ■#a44dbf ■#9c26bf ■#9300bf

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

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

#a960bfの配色パターン

#76bf60の配色パターン

■#a960bf ■#76bf60

トライアド配色Triads

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

#a960bfの配色パターン

#bfa960の配色パターン

#60bfa9の配色パターン

■#a960bf ■#bfa960 ■#60bfa9

アナロガス配色Analogous

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

#6076bfの配色パターン

#a960bfの配色パターン

#bf6076の配色パターン

■#6076bf ■#a960bf ■#bf6076

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

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

#a960bfの配色パターン

#a6bf60の配色パターン

#60bf79の配色パターン

■#a960bf ■#a6bf60 ■#60bf79

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

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

#a960bfの配色パターン

#bfa960の配色パターン

#76bf60の配色パターン

#6076bfの配色パターン

■#a960bf ■#bfa960 ■#76bf60 ■#6076bf

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

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

#a960bfの配色パターン

#bf7960の配色パターン

#76bf60の配色パターン

#60a6bfの配色パターン

■#a960bf ■#bf7960 ■#76bf60 ■#60a6bf

ペンタード配色Pentad

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

#a960bfの配色パターン

#bf6063の配色パターン

#afbf60の配色パターン

#60bf83の配色パターン

#6089bfの配色パターン

■#a960bf ■#bf6063 ■#afbf60 ■#60bf83 ■#6089bf

ヘクサード配色Hexad

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

#a960bfの配色パターン

#bf6076の配色パターン

#bfa960の配色パターン

#76bf60の配色パターン

#60bfa9の配色パターン

#6076bfの配色パターン

■#a960bf ■#bf6076 ■#bfa960 ■#76bf60 ■#60bfa9 ■#6076bf