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

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

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

キーカラーKey Color

配色の基準となる色

#80303aの配色パターン

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

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

#80303aの配色パターン

#331317の配色パターン

#66262dの配色パターン

#993944の配色パターン

#cc4b5aの配色パターン

#ff5e71の配色パターン

■#80303a ■#331317 ■#66262d ■#993944 ■#cc4b5a ■#ff5e71

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

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

#80303aの配色パターン

#806669の配色パターン

#804d52の配色パターン

#80333cの配色パターン

#801a25の配色パターン

#80000fの配色パターン

■#80303a ■#806669 ■#804d52 ■#80333c ■#801a25 ■#80000f

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

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

#80303aの配色パターン

#2f8076の配色パターン

■#80303a ■#2f8076

トライアド配色Triads

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

#80303aの配色パターン

#39802fの配色パターン

#2f3980の配色パターン

■#80303a ■#39802f ■#2f3980

アナロガス配色Analogous

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

#762f80の配色パターン

#80303aの配色パターン

#80762fの配色パターン

■#762f80 ■#80303a ■#80762f

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

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

#80303aの配色パターン

#2f804eの配色パターン

#2f6180の配色パターン

■#80303a ■#2f804e ■#2f6180

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

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

#80303aの配色パターン

#39802fの配色パターン

#2f8076の配色パターン

#762f80の配色パターン

■#80303a ■#39802f ■#2f8076 ■#762f80

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

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

#80303aの配色パターン

#61802fの配色パターン

#2f8076の配色パターン

#4e2f80の配色パターン

■#80303a ■#61802f ■#2f8076 ■#4e2f80

ペンタード配色Pentad

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

#80303aの配色パターン

#79802fの配色パターン

#2f8046の配色パターン

#2f5980の配色パターン

#662f80の配色パターン

■#80303a ■#79802f ■#2f8046 ■#2f5980 ■#662f80

ヘクサード配色Hexad

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

#80303aの配色パターン

#80762fの配色パターン

#39802fの配色パターン

#2f8076の配色パターン

#2f3980の配色パターン

#762f80の配色パターン

■#80303a ■#80762f ■#39802f ■#2f8076 ■#2f3980 ■#762f80