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

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

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

キーカラーKey Color

配色の基準となる色

#868990の配色パターン

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

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

#868990の配色パターン

#2f3133の配色パターン

#5f6166の配色パターン

#8e9299の配色パターン

#bec2ccの配色パターン

#edf3ffの配色パターン

■#868990 ■#2f3133 ■#5f6166 ■#8e9299 ■#bec2cc ■#edf3ff

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

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

#868990の配色パターン

#727b8fの配色パターン

#56678fの配色パターン

#39538fの配色パターン

#1d3f8fの配色パターン

#002b8fの配色パターン

■#868990 ■#727b8f ■#56678f ■#39538f ■#1d3f8f ■#002b8f

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

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

#868990の配色パターン

#8f8c85の配色パターン

■#868990 ■#8f8c85

トライアド配色Triads

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

#868990の配色パターン

#8f8588の配色パターン

#888f85の配色パターン

■#868990 ■#8f8588 ■#888f85

アナロガス配色Analogous

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

#858f8cの配色パターン

#868990の配色パターン

#8c858fの配色パターン

■#858f8c ■#868990 ■#8c858f

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

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

#868990の配色パターン

#8f8785の配色パターン

#8d8f85の配色パターン

■#868990 ■#8f8785 ■#8d8f85

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

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

#868990の配色パターン

#8f8588の配色パターン

#8f8c85の配色パターン

#858f8cの配色パターン

■#868990 ■#8f8588 ■#8f8c85 ■#858f8c

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

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

#868990の配色パターン

#8f858dの配色パターン

#8f8c85の配色パターン

#858f87の配色パターン

■#868990 ■#8f858d ■#8f8c85 ■#858f87

ペンタード配色Pentad

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

#868990の配色パターン

#8e858fの配色パターン

#8f8685の配色パターン

#8c8f85の配色パターン

#858f8aの配色パターン

■#868990 ■#8e858f ■#8f8685 ■#8c8f85 ■#858f8a

ヘクサード配色Hexad

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

#868990の配色パターン

#8c858fの配色パターン

#8f8588の配色パターン

#8f8c85の配色パターン

#888f85の配色パターン

#858f8cの配色パターン

■#868990 ■#8c858f ■#8f8588 ■#8f8c85 ■#888f85 ■#858f8c