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

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

#0aa360の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#0aa360の配色パターン

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

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

#0aa360の配色パターン

#03331eの配色パターン

#06663cの配色パターン

#09995bの配色パターン

#0ccc79の配色パターン

#0fff97の配色パターン

■#0aa360 ■#03331e ■#06663c ■#09995b ■#0ccc79 ■#0fff97

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

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

#0aa360の配色パターン

#83a395の配色パターン

#62a387の配色パターン

#41a379の配色パターン

#21a36bの配色パターン

#00a35cの配色パターン

■#0aa360 ■#83a395 ■#62a387 ■#41a379 ■#21a36b ■#00a35c

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

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

#0aa360の配色パターン

#a30a4cの配色パターン

■#0aa360 ■#a30a4c

トライアド配色Triads

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

#0aa360の配色パターン

#610aa3の配色パターン

#a3610aの配色パターン

■#0aa360 ■#610aa3 ■#a3610a

アナロガス配色Analogous

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

#4ca30aの配色パターン

#0aa360の配色パターン

#0a4ca3の配色パターン

■#4ca30a ■#0aa360 ■#0a4ca3

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

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

#0aa360の配色パターン

#a30a99の配色パターン

#a3140aの配色パターン

■#0aa360 ■#a30a99 ■#a3140a

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

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

#0aa360の配色パターン

#610aa3の配色パターン

#a30a4cの配色パターン

#4ca30aの配色パターン

■#0aa360 ■#610aa3 ■#a30a4c ■#4ca30a

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

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

#0aa360の配色パターン

#140aa3の配色パターン

#a30a4cの配色パターン

#99a30aの配色パターン

■#0aa360 ■#140aa3 ■#a30a4c ■#99a30a

ペンタード配色Pentad

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

#0aa360の配色パターン

#0a2ea3の配色パターン

#9e0aa3の配色パターン

#a3230aの配色パターン

#6ba30aの配色パターン

■#0aa360 ■#0a2ea3 ■#9e0aa3 ■#a3230a ■#6ba30a

ヘクサード配色Hexad

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

#0aa360の配色パターン

#0a4ca3の配色パターン

#610aa3の配色パターン

#a30a4cの配色パターン

#a3610aの配色パターン

#4ca30aの配色パターン

■#0aa360 ■#0a4ca3 ■#610aa3 ■#a30a4c ■#a3610a ■#4ca30a