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

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

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

キーカラーKey Color

配色の基準となる色

#80ace9の配色パターン

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

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

#80ace9の配色パターン

#1c2633の配色パターン

#384b66の配色パターン

#547199の配色パターン

#7096ccの配色パターン

#8cbcffの配色パターン

■#80ace9 ■#1c2633 ■#384b66 ■#547199 ■#7096cc ■#8cbcff

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

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

#80ace9の配色パターン

#bacde8の配色パターン

#8bb2e8の配色パターン

#5d97e8の配色パターン

#2e7ce8の配色パターン

#0061e8の配色パターン

■#80ace9 ■#bacde8 ■#8bb2e8 ■#5d97e8 ■#2e7ce8 ■#0061e8

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

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

#80ace9の配色パターン

#e8bd80の配色パターン

■#80ace9 ■#e8bd80

トライアド配色Triads

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

#80ace9の配色パターン

#e880abの配色パターン

#abe880の配色パターン

■#80ace9 ■#e880ab ■#abe880

アナロガス配色Analogous

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

#80e8bdの配色パターン

#80ace9の配色パターン

#bd80e8の配色パターン

■#80e8bd ■#80ace9 ■#bd80e8

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

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

#80ace9の配色パターン

#e88880の配色パターン

#dfe880の配色パターン

■#80ace9 ■#e88880 ■#dfe880

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

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

#80ace9の配色パターン

#e880abの配色パターン

#e8bd80の配色パターン

#80e8bdの配色パターン

■#80ace9 ■#e880ab ■#e8bd80 ■#80e8bd

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

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

#80ace9の配色パターン

#e880dfの配色パターン

#e8bd80の配色パターン

#80e888の配色パターン

■#80ace9 ■#e880df ■#e8bd80 ■#80e888

ペンタード配色Pentad

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

#80ace9の配色パターン

#d180e8の配色パターン

#e88081の配色パターン

#d5e880の配色パターン

#80e8a8の配色パターン

■#80ace9 ■#d180e8 ■#e88081 ■#d5e880 ■#80e8a8

ヘクサード配色Hexad

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

#80ace9の配色パターン

#bd80e8の配色パターン

#e880abの配色パターン

#e8bd80の配色パターン

#abe880の配色パターン

#80e8bdの配色パターン

■#80ace9 ■#bd80e8 ■#e880ab ■#e8bd80 ■#abe880 ■#80e8bd