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

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

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

キーカラーKey Color

配色の基準となる色

#a1ab8cの配色パターン

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

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

#a1ab8cの配色パターン

#30332aの配色パターン

#606654の配色パターン

#90997dの配色パターン

#c0cca7の配色パターン

#f0ffd1の配色パターン

■#a1ab8c ■#30332a ■#606654 ■#90997d ■#c0cca7 ■#f0ffd1

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

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

#a1ab8cの配色パターン

#a0ab89の配色パターン

#95ab67の配色パターン

#8aab44の配色パターン

#80ab22の配色パターン

#75ab00の配色パターン

■#a1ab8c ■#a0ab89 ■#95ab67 ■#8aab44 ■#80ab22 ■#75ab00

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

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

#a1ab8cの配色パターン

#968cabの配色パターン

■#a1ab8c ■#968cab

トライアド配色Triads

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

#a1ab8cの配色パターン

#8ca1abの配色パターン

#ab8ca1の配色パターン

■#a1ab8c ■#8ca1ab ■#ab8ca1

アナロガス配色Analogous

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

#ab968cの配色パターン

#a1ab8cの配色パターン

#8cab96の配色パターン

■#ab968c ■#a1ab8c ■#8cab96

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

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

#a1ab8cの配色パターン

#8c92abの配色パターン

#a58cabの配色パターン

■#a1ab8c ■#8c92ab ■#a58cab

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

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

#a1ab8cの配色パターン

#8ca1abの配色パターン

#968cabの配色パターン

#ab968cの配色パターン

■#a1ab8c ■#8ca1ab ■#968cab ■#ab968c

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

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

#a1ab8cの配色パターン

#8caba5の配色パターン

#968cabの配色パターン

#ab8c92の配色パターン

■#a1ab8c ■#8caba5 ■#968cab ■#ab8c92

ペンタード配色Pentad

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

#a1ab8cの配色パターン

#8cab9cの配色パターン

#8c95abの配色パターン

#a88cabの配色パターン

#ab908cの配色パターン

■#a1ab8c ■#8cab9c ■#8c95ab ■#a88cab ■#ab908c

ヘクサード配色Hexad

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

#a1ab8cの配色パターン

#8cab96の配色パターン

#8ca1abの配色パターン

#968cabの配色パターン

#ab8ca1の配色パターン

#ab968cの配色パターン

■#a1ab8c ■#8cab96 ■#8ca1ab ■#968cab ■#ab8ca1 ■#ab968c