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

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

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

キーカラーKey Color

配色の基準となる色

#9b8297の配色パターン

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

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

#9b8297の配色パターン

#332b32の配色パターン

#665663の配色パターン

#998195の配色パターン

#ccabc7の配色パターン

#ffd6f8の配色パターン

■#9b8297 ■#332b32 ■#665663 ■#998195 ■#ccabc7 ■#ffd6f8

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

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

#9b8297の配色パターン

#9c7c96の配色パターン

#9c5d91の配色パターン

#9c3e8cの配色パターン

#9c1f87の配色パターン

#9c0082の配色パターン

■#9b8297 ■#9c7c96 ■#9c5d91 ■#9c3e8c ■#9c1f87 ■#9c0082

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

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

#9b8297の配色パターン

#839c87の配色パターン

■#9b8297 ■#839c87

トライアド配色Triads

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

#9b8297の配色パターン

#979c83の配色パターン

#83979cの配色パターン

■#9b8297 ■#979c83 ■#83979c

アナロガス配色Analogous

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

#87839cの配色パターン

#9b8297の配色パターン

#9c8783の配色パターン

■#87839c ■#9b8297 ■#9c8783

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

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

#9b8297の配色パターン

#8b9c83の配色パターン

#839c93の配色パターン

■#9b8297 ■#8b9c83 ■#839c93

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

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

#9b8297の配色パターン

#979c83の配色パターン

#839c87の配色パターン

#87839cの配色パターン

■#9b8297 ■#979c83 ■#839c87 ■#87839c

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

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

#9b8297の配色パターン

#9c9383の配色パターン

#839c87の配色パターン

#838b9cの配色パターン

■#9b8297 ■#9c9383 ■#839c87 ■#838b9c

ペンタード配色Pentad

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

#9b8297の配色パターン

#9c8c83の配色パターン

#8d9c83の配色パターン

#839c96の配色パターン

#83839cの配色パターン

■#9b8297 ■#9c8c83 ■#8d9c83 ■#839c96 ■#83839c

ヘクサード配色Hexad

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

#9b8297の配色パターン

#9c8783の配色パターン

#979c83の配色パターン

#839c87の配色パターン

#83979cの配色パターン

#87839cの配色パターン

■#9b8297 ■#9c8783 ■#979c83 ■#839c87 ■#83979c ■#87839c