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

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

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

キーカラーKey Color

配色の基準となる色

#50505eの配色パターン

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

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

#50505eの配色パターン

#2b2b33の配色パターン

#575766の配色パターン

#828299の配色パターン

#adadccの配色パターン

#d9d9ffの配色パターン

■#50505e ■#2b2b33 ■#575766 ■#828299 ■#adadcc ■#d9d9ff

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

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

#50505eの配色パターン

#4b4b5eの配色パターン

#39395eの配色パターン

#26265eの配色パターン

#13135eの配色パターン

#00005eの配色パターン

■#50505e ■#4b4b5e ■#39395e ■#26265e ■#13135e ■#00005e

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

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

#50505eの配色パターン

#5e5e50の配色パターン

■#50505e ■#5e5e50

トライアド配色Triads

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

#50505eの配色パターン

#5e5050の配色パターン

#505e50の配色パターン

■#50505e ■#5e5050 ■#505e50

アナロガス配色Analogous

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

#505e5eの配色パターン

#50505eの配色パターン

#5e505eの配色パターン

■#505e5e ■#50505e ■#5e505e

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

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

#50505eの配色パターン

#5e5750の配色パターン

#575e50の配色パターン

■#50505e ■#5e5750 ■#575e50

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

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

#50505eの配色パターン

#5e5050の配色パターン

#5e5e50の配色パターン

#505e5eの配色パターン

■#50505e ■#5e5050 ■#5e5e50 ■#505e5e

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

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

#50505eの配色パターン

#5e5057の配色パターン

#5e5e50の配色パターン

#505e57の配色パターン

■#50505e ■#5e5057 ■#5e5e50 ■#505e57

ペンタード配色Pentad

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

#50505eの配色パターン

#5e505cの配色パターン

#5e5650の配色パターン

#565e50の配色パターン

#505e5cの配色パターン

■#50505e ■#5e505c ■#5e5650 ■#565e50 ■#505e5c

ヘクサード配色Hexad

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

#50505eの配色パターン

#5e505eの配色パターン

#5e5050の配色パターン

#5e5e50の配色パターン

#505e50の配色パターン

#505e5eの配色パターン

■#50505e ■#5e505e ■#5e5050 ■#5e5e50 ■#505e50 ■#505e5e