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

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

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

キーカラーKey Color

配色の基準となる色

#95399cの配色パターン

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

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

#95399cの配色パターン

#311333の配色パターン

#622666の配色パターン

#933999の配色パターン

#c34bccの配色パターン

#f45effの配色パターン

■#95399c ■#311333 ■#622666 ■#933999 ■#c34bcc ■#f45eff

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

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

#95399cの配色パターン

#997c9cの配色パターン

#975d9cの配色パターン

#953e9cの配色パターン

#931f9cの配色パターン

#91009cの配色パターン

■#95399c ■#997c9c ■#975d9c ■#953e9c ■#931f9c ■#91009c

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

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

#95399cの配色パターン

#409c3aの配色パターン

■#95399c ■#409c3a

トライアド配色Triads

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

#95399cの配色パターン

#9c953aの配色パターン

#3a9c95の配色パターン

■#95399c ■#9c953a ■#3a9c95

アナロガス配色Analogous

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

#3a409cの配色パターン

#95399cの配色パターン

#9c3a40の配色パターン

■#3a409c ■#95399c ■#9c3a40

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

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

#95399cの配色パターン

#719c3aの配色パターン

#3a9c64の配色パターン

■#95399c ■#719c3a ■#3a9c64

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

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

#95399cの配色パターン

#9c953aの配色パターン

#409c3aの配色パターン

#3a409cの配色パターン

■#95399c ■#9c953a ■#409c3a ■#3a409c

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

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

#95399cの配色パターン

#9c643aの配色パターン

#409c3aの配色パターン

#3a719cの配色パターン

■#95399c ■#9c643a ■#409c3a ■#3a719c

ペンタード配色Pentad

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

#95399cの配色パターン

#9c473aの配色パターン

#7b9c3aの配色パターン

#3a9c6eの配色パターン

#3a549cの配色パターン

■#95399c ■#9c473a ■#7b9c3a ■#3a9c6e ■#3a549c

ヘクサード配色Hexad

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

#95399cの配色パターン

#9c3a40の配色パターン

#9c953aの配色パターン

#409c3aの配色パターン

#3a9c95の配色パターン

#3a409cの配色パターン

■#95399c ■#9c3a40 ■#9c953a ■#409c3a ■#3a9c95 ■#3a409c