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

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

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

キーカラーKey Color

配色の基準となる色

#8da6a0の配色パターン

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

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

#8da6a0の配色パターン

#2b3331の配色パターン

#576662の配色パターン

#829994の配色パターン

#adccc5の配色パターン

#d9fff6の配色パターン

■#8da6a0 ■#2b3331 ■#576662 ■#829994 ■#adccc5 ■#d9fff6

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

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

#8da6a0の配色パターン

#85a69eの配色パターン

#63a696の配色パターン

#42a68fの配色パターン

#21a687の配色パターン

#00a67fの配色パターン

■#8da6a0 ■#85a69e ■#63a696 ■#42a68f ■#21a687 ■#00a67f

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

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

#8da6a0の配色パターン

#a68d93の配色パターン

■#8da6a0 ■#a68d93

トライアド配色Triads

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

#8da6a0の配色パターン

#a08da6の配色パターン

#a6a08dの配色パターン

■#8da6a0 ■#a08da6 ■#a6a08d

アナロガス配色Analogous

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

#93a68dの配色パターン

#8da6a0の配色パターン

#8d93a6の配色パターン

■#93a68d ■#8da6a0 ■#8d93a6

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

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

#8da6a0の配色パターン

#a68d9fの配色パターン

#a6948dの配色パターン

■#8da6a0 ■#a68d9f ■#a6948d

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

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

#8da6a0の配色パターン

#a08da6の配色パターン

#a68d93の配色パターン

#93a68dの配色パターン

■#8da6a0 ■#a08da6 ■#a68d93 ■#93a68d

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

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

#8da6a0の配色パターン

#948da6の配色パターン

#a68d93の配色パターン

#9fa68dの配色パターン

■#8da6a0 ■#948da6 ■#a68d93 ■#9fa68d

ペンタード配色Pentad

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

#8da6a0の配色パターン

#8d8ea6の配色パターン

#a68da2の配色パターン

#a6968dの配色パターン

#98a68dの配色パターン

■#8da6a0 ■#8d8ea6 ■#a68da2 ■#a6968d ■#98a68d

ヘクサード配色Hexad

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

#8da6a0の配色パターン

#8d93a6の配色パターン

#a08da6の配色パターン

#a68d93の配色パターン

#a6a08dの配色パターン

#93a68dの配色パターン

■#8da6a0 ■#8d93a6 ■#a08da6 ■#a68d93 ■#a6a08d ■#93a68d