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

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

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

キーカラーKey Color

配色の基準となる色

#506e5bの配色パターン

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

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

#506e5bの配色パターン

#25332aの配色パターン

#4a6655の配色パターン

#70997fの配色パターン

#95cca9の配色パターン

#baffd3の配色パターン

■#506e5b ■#25332a ■#4a6655 ■#70997f ■#95cca9 ■#baffd3

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

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

#506e5bの配色パターン

#586e60の配色パターン

#426e52の配色パターン

#2c6e44の配色パターン

#166e36の配色パターン

#006e28の配色パターン

■#506e5b ■#586e60 ■#426e52 ■#2c6e44 ■#166e36 ■#006e28

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

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

#506e5bの配色パターン

#6e5063の配色パターン

■#506e5b ■#6e5063

トライアド配色Triads

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

#506e5bの配色パターン

#5b506eの配色パターン

#6e5b50の配色パターン

■#506e5b ■#5b506e ■#6e5b50

アナロガス配色Analogous

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

#636e50の配色パターン

#506e5bの配色パターン

#50636eの配色パターン

■#636e50 ■#506e5b ■#50636e

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

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

#506e5bの配色パターン

#6a506eの配色パターン

#6e5054の配色パターン

■#506e5b ■#6a506e ■#6e5054

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

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

#506e5bの配色パターン

#5b506eの配色パターン

#6e5063の配色パターン

#636e50の配色パターン

■#506e5b ■#5b506e ■#6e5063 ■#636e50

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

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

#506e5bの配色パターン

#50546eの配色パターン

#6e5063の配色パターン

#6e6a50の配色パターン

■#506e5b ■#50546e ■#6e5063 ■#6e6a50

ペンタード配色Pentad

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

#506e5bの配色パターン

#505d6eの配色パターン

#67506eの配色パターン

#6e5051の配色パターン

#696e50の配色パターン

■#506e5b ■#505d6e ■#67506e ■#6e5051 ■#696e50

ヘクサード配色Hexad

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

#506e5bの配色パターン

#50636eの配色パターン

#5b506eの配色パターン

#6e5063の配色パターン

#6e5b50の配色パターン

#636e50の配色パターン

■#506e5b ■#50636e ■#5b506e ■#6e5063 ■#6e5b50 ■#636e50