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

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

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

キーカラーKey Color

配色の基準となる色

#34a8e0の配色パターン

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

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

#34a8e0の配色パターン

#0c2633の配色パターン

#174c66の配色パターン

#237299の配色パターン

#2f98ccの配色パターン

#3bbeffの配色パターン

■#34a8e0 ■#0c2633 ■#174c66 ■#237299 ■#2f98cc ■#3bbeff

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

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

#34a8e0の配色パターン

#b4d1e0の配色パターン

#87c2e0の配色パターン

#5ab4e0の配色パターン

#2da5e0の配色パターン

#0096e0の配色パターン

■#34a8e0 ■#b4d1e0 ■#87c2e0 ■#5ab4e0 ■#2da5e0 ■#0096e0

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

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

#34a8e0の配色パターン

#e06d34の配色パターン

■#34a8e0 ■#e06d34

トライアド配色Triads

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

#34a8e0の配色パターン

#e034a7の配色パターン

#a7e034の配色パターン

■#34a8e0 ■#e034a7 ■#a7e034

アナロガス配色Analogous

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

#34e06dの配色パターン

#34a8e0の配色パターン

#6d34e0の配色パターン

■#34e06d ■#34a8e0 ■#6d34e0

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

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

#34a8e0の配色パターン

#e03450の配色パターン

#e0c434の配色パターン

■#34a8e0 ■#e03450 ■#e0c434

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

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

#34a8e0の配色パターン

#e034a7の配色パターン

#e06d34の配色パターン

#34e06dの配色パターン

■#34a8e0 ■#e034a7 ■#e06d34 ■#34e06d

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

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

#34a8e0の配色パターン

#c434e0の配色パターン

#e06d34の配色パターン

#50e034の配色パターン

■#34a8e0 ■#c434e0 ■#e06d34 ■#50e034

ペンタード配色Pentad

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

#34a8e0の配色パターン

#9034e0の配色パターン

#e03462の配色パターン

#e0d534の配色パターン

#34e04bの配色パターン

■#34a8e0 ■#9034e0 ■#e03462 ■#e0d534 ■#34e04b

ヘクサード配色Hexad

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

#34a8e0の配色パターン

#6d34e0の配色パターン

#e034a7の配色パターン

#e06d34の配色パターン

#a7e034の配色パターン

#34e06dの配色パターン

■#34a8e0 ■#6d34e0 ■#e034a7 ■#e06d34 ■#a7e034 ■#34e06d