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

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

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

キーカラーKey Color

配色の基準となる色

#0cad4cの配色パターン

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

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

#0cad4cの配色パターン

#043317の配色パターン

#07662dの配色パターン

#0b9944の配色パターン

#0ecc5aの配色パターン

#12ff71の配色パターン

■#0cad4c ■#043317 ■#07662d ■#0b9944 ■#0ecc5a ■#12ff71

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

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

#0cad4cの配色パターン

#8bad99の配色パターン

#68ad84の配色パターン

#45ad6fの配色パターン

#23ad5aの配色パターン

#00ad45の配色パターン

■#0cad4c ■#8bad99 ■#68ad84 ■#45ad6f ■#23ad5a ■#00ad45

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

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

#0cad4cの配色パターン

#ad0c6dの配色パターン

■#0cad4c ■#ad0c6d

トライアド配色Triads

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

#0cad4cの配色パターン

#4d0cadの配色パターン

#ad4d0cの配色パターン

■#0cad4c ■#4d0cad ■#ad4d0c

アナロガス配色Analogous

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

#6dad0cの配色パターン

#0cad4cの配色パターン

#0c6dadの配色パターン

■#6dad0c ■#0cad4c ■#0c6dad

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

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

#0cad4cの配色パターン

#9d0cadの配色パターン

#ad0c1cの配色パターン

■#0cad4c ■#9d0cad ■#ad0c1c

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

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

#0cad4cの配色パターン

#4d0cadの配色パターン

#ad0c6dの配色パターン

#6dad0cの配色パターン

■#0cad4c ■#4d0cad ■#ad0c6d ■#6dad0c

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

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

#0cad4cの配色パターン

#0c1cadの配色パターン

#ad0c6dの配色パターン

#ad9d0cの配色パターン

■#0cad4c ■#0c1cad ■#ad0c6d ■#ad9d0c

ペンタード配色Pentad

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

#0cad4cの配色パターン

#0c4dadの配色パターン

#8d0cadの配色パターン

#ad0c0cの配色パターン

#8dad0cの配色パターン

■#0cad4c ■#0c4dad ■#8d0cad ■#ad0c0c ■#8dad0c

ヘクサード配色Hexad

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

#0cad4cの配色パターン

#0c6dadの配色パターン

#4d0cadの配色パターン

#ad0c6dの配色パターン

#ad4d0cの配色パターン

#6dad0cの配色パターン

■#0cad4c ■#0c6dad ■#4d0cad ■#ad0c6d ■#ad4d0c ■#6dad0c