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

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

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

キーカラーKey Color

配色の基準となる色

#20a8e3の配色パターン

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

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

#20a8e3の配色パターン

#072633の配色パターン

#0e4c66の配色パターン

#157299の配色パターン

#1d97ccの配色パターン

#24bdffの配色パターン

■#20a8e3 ■#072633 ■#0e4c66 ■#157299 ■#1d97cc ■#24bdff

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

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

#20a8e3の配色パターン

#b6d5e3の配色パターン

#88c8e3の配色パターン

#5bbae3の配色パターン

#2dace3の配色パターン

#009fe3の配色パターン

■#20a8e3 ■#b6d5e3 ■#88c8e3 ■#5bbae3 ■#2dace3 ■#009fe3

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

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

#20a8e3の配色パターン

#e35a20の配色パターン

■#20a8e3 ■#e35a20

トライアド配色Triads

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

#20a8e3の配色パターン

#e320a8の配色パターン

#a8e320の配色パターン

■#20a8e3 ■#e320a8 ■#a8e320

アナロガス配色Analogous

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

#20e35aの配色パターン

#20a8e3の配色パターン

#5a20e3の配色パターン

■#20e35a ■#20a8e3 ■#5a20e3

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

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

#20a8e3の配色パターン

#e32047の配色パターン

#e3bc20の配色パターン

■#20a8e3 ■#e32047 ■#e3bc20

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

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

#20a8e3の配色パターン

#e320a8の配色パターン

#e35a20の配色パターン

#20e35aの配色パターン

■#20a8e3 ■#e320a8 ■#e35a20 ■#20e35a

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

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

#20a8e3の配色パターン

#bc20e3の配色パターン

#e35a20の配色パターン

#47e320の配色パターン

■#20a8e3 ■#bc20e3 ■#e35a20 ■#47e320

ペンタード配色Pentad

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

#20a8e3の配色パターン

#8120e3の配色パターン

#e3205aの配色パターン

#e3cf20の配色パターン

#20e333の配色パターン

■#20a8e3 ■#8120e3 ■#e3205a ■#e3cf20 ■#20e333

ヘクサード配色Hexad

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

#20a8e3の配色パターン

#5a20e3の配色パターン

#e320a8の配色パターン

#e35a20の配色パターン

#a8e320の配色パターン

#20e35aの配色パターン

■#20a8e3 ■#5a20e3 ■#e320a8 ■#e35a20 ■#a8e320 ■#20e35a