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

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

#0648a0の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#0648a0の配色パターン

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

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

#0648a0の配色パターン

#021733の配色パターン

#042f66の配色パターン

#064699の配色パターン

#085dccの配色パターン

#0a74ffの配色パターン

■#0648a0 ■#021733 ■#042f66 ■#064699 ■#085dcc ■#0a74ff

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

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

#0648a0の配色パターン

#818ea1の配色パターン

#607ca1の配色パターン

#406aa1の配色パターン

#2058a1の配色パターン

#0046a1の配色パターン

■#0648a0 ■#818ea1 ■#607ca1 ■#406aa1 ■#2058a1 ■#0046a1

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

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

#0648a0の配色パターン

#a15e06の配色パターン

■#0648a0 ■#a15e06

トライアド配色Triads

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

#0648a0の配色パターン

#a10649の配色パターン

#49a106の配色パターン

■#0648a0 ■#a10649 ■#49a106

アナロガス配色Analogous

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

#06a15eの配色パターン

#0648a0の配色パターン

#5e06a1の配色パターン

■#06a15e ■#0648a0 ■#5e06a1

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

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

#0648a0の配色パターン

#a11106の配色パターン

#96a106の配色パターン

■#0648a0 ■#a11106 ■#96a106

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

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

#0648a0の配色パターン

#a10649の配色パターン

#a15e06の配色パターン

#06a15eの配色パターン

■#0648a0 ■#a10649 ■#a15e06 ■#06a15e

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

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

#0648a0の配色パターン

#a10696の配色パターン

#a15e06の配色パターン

#06a111の配色パターン

■#0648a0 ■#a10696 ■#a15e06 ■#06a111

ペンタード配色Pentad

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

#0648a0の配色パターン

#7d06a1の配色パターン

#a1060cの配色パターン

#87a106の配色パターン

#06a13fの配色パターン

■#0648a0 ■#7d06a1 ■#a1060c ■#87a106 ■#06a13f

ヘクサード配色Hexad

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

#0648a0の配色パターン

#5e06a1の配色パターン

#a10649の配色パターン

#a15e06の配色パターン

#49a106の配色パターン

#06a15eの配色パターン

■#0648a0 ■#5e06a1 ■#a10649 ■#a15e06 ■#49a106 ■#06a15e