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

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

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

キーカラーKey Color

配色の基準となる色

#6e8e8cの配色パターン

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

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

#6e8e8cの配色パターン

#273332の配色パターン

#4f6664の配色パターン

#769997の配色パターン

#9dccc9の配色パターン

#c4fffbの配色パターン

■#6e8e8c ■#273332 ■#4f6664 ■#769997 ■#9dccc9 ■#c4fffb

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

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

#6e8e8cの配色パターン

#728f8dの配色パターン

#568f8bの配色パターン

#398f89の配色パターン

#1d8f87の配色パターン

#008f85の配色パターン

■#6e8e8c ■#728f8d ■#568f8b ■#398f89 ■#1d8f87 ■#008f85

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

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

#6e8e8cの配色パターン

#8f6e70の配色パターン

■#6e8e8c ■#8f6e70

トライアド配色Triads

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

#6e8e8cの配色パターン

#8d6e8fの配色パターン

#8f8d6eの配色パターン

■#6e8e8c ■#8d6e8f ■#8f8d6e

アナロガス配色Analogous

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

#708f6eの配色パターン

#6e8e8cの配色パターン

#6e708fの配色パターン

■#708f6e ■#6e8e8c ■#6e708f

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

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

#6e8e8cの配色パターン

#8f6e81の配色パターン

#8f7c6eの配色パターン

■#6e8e8c ■#8f6e81 ■#8f7c6e

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

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

#6e8e8cの配色パターン

#8d6e8fの配色パターン

#8f6e70の配色パターン

#708f6eの配色パターン

■#6e8e8c ■#8d6e8f ■#8f6e70 ■#708f6e

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

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

#6e8e8cの配色パターン

#7c6e8fの配色パターン

#8f6e70の配色パターン

#818f6eの配色パターン

■#6e8e8c ■#7c6e8f ■#8f6e70 ■#818f6e

ペンタード配色Pentad

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

#6e8e8cの配色パターン

#726e8fの配色パターン

#8f6e84の配色パターン

#8f7f6eの配色パターン

#778f6eの配色パターン

■#6e8e8c ■#726e8f ■#8f6e84 ■#8f7f6e ■#778f6e

ヘクサード配色Hexad

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

#6e8e8cの配色パターン

#6e708fの配色パターン

#8d6e8fの配色パターン

#8f6e70の配色パターン

#8f8d6eの配色パターン

#708f6eの配色パターン

■#6e8e8c ■#6e708f ■#8d6e8f ■#8f6e70 ■#8f8d6e ■#708f6e