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

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

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

キーカラーKey Color

配色の基準となる色

#9a8399の配色パターン

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

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

#9a8399の配色パターン

#332b33の配色パターン

#665765の配色パターン

#9a8399の配色パターン

#ccadcaの配色パターン

#ffd9fdの配色パターン

■#9a8399 ■#332b33 ■#665765 ■#9a8399 ■#ccadca ■#ffd9fd

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

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

#9a8399の配色パターン

#997a97の配色パターン

#995c96の配色パターン

#993d94の配色パターン

#991f93の配色パターン

#990091の配色パターン

■#9a8399 ■#997a97 ■#995c96 ■#993d94 ■#991f93 ■#990091

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

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

#9a8399の配色パターン

#829983の配色パターン

■#9a8399 ■#829983

トライアド配色Triads

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

#9a8399の配色パターン

#989982の配色パターン

#829899の配色パターン

■#9a8399 ■#989982 ■#829899

アナロガス配色Analogous

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

#838299の配色パターン

#9a8399の配色パターン

#998382の配色パターン

■#838299 ■#9a8399 ■#998382

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

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

#9a8399の配色パターン

#8c9982の配色パターン

#82998fの配色パターン

■#9a8399 ■#8c9982 ■#82998f

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

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

#9a8399の配色パターン

#989982の配色パターン

#829983の配色パターン

#838299の配色パターン

■#9a8399 ■#989982 ■#829983 ■#838299

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

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

#9a8399の配色パターン

#998f82の配色パターン

#829983の配色パターン

#828c99の配色パターン

■#9a8399 ■#998f82 ■#829983 ■#828c99

ペンタード配色Pentad

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

#9a8399の配色パターン

#998882の配色パターン

#8f9982の配色パターン

#829991の配色パターン

#828599の配色パターン

■#9a8399 ■#998882 ■#8f9982 ■#829991 ■#828599

ヘクサード配色Hexad

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

#9a8399の配色パターン

#998382の配色パターン

#989982の配色パターン

#829983の配色パターン

#829899の配色パターン

#838299の配色パターン

■#9a8399 ■#998382 ■#989982 ■#829983 ■#829899 ■#838299