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

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

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

キーカラーKey Color

配色の基準となる色

#7f8785の配色パターン

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

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

#7f8785の配色パターン

#303332の配色パターン

#606664の配色パターン

#909997の配色パターン

#c0ccc9の配色パターン

#f0fffbの配色パターン

■#7f8785 ■#303332 ■#606664 ■#909997 ■#c0ccc9 ■#f0fffb

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

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

#7f8785の配色パターン

#6c8780の配色パターン

#51877aの配色パターン

#368773の配色パターン

#1b876cの配色パターン

#008765の配色パターン

■#7f8785 ■#6c8780 ■#51877a ■#368773 ■#1b876c ■#008765

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

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

#7f8785の配色パターン

#877f81の配色パターン

■#7f8785 ■#877f81

トライアド配色Triads

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

#7f8785の配色パターン

#857f87の配色パターン

#87857fの配色パターン

■#7f8785 ■#857f87 ■#87857f

アナロガス配色Analogous

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

#81877fの配色パターン

#7f8785の配色パターン

#7f8187の配色パターン

■#81877f ■#7f8785 ■#7f8187

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

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

#7f8785の配色パターン

#877f85の配色パターン

#87817fの配色パターン

■#7f8785 ■#877f85 ■#87817f

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

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

#7f8785の配色パターン

#857f87の配色パターン

#877f81の配色パターン

#81877fの配色パターン

■#7f8785 ■#857f87 ■#877f81 ■#81877f

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

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

#7f8785の配色パターン

#817f87の配色パターン

#877f81の配色パターン

#85877fの配色パターン

■#7f8785 ■#817f87 ■#877f81 ■#85877f

ペンタード配色Pentad

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

#7f8785の配色パターン

#7f7f87の配色パターン

#877f86の配色パターン

#87827fの配色パターン

#83877fの配色パターン

■#7f8785 ■#7f7f87 ■#877f86 ■#87827f ■#83877f

ヘクサード配色Hexad

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

#7f8785の配色パターン

#7f8187の配色パターン

#857f87の配色パターン

#877f81の配色パターン

#87857fの配色パターン

#81877fの配色パターン

■#7f8785 ■#7f8187 ■#857f87 ■#877f81 ■#87857f ■#81877f