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

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

#1552d6の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#1552d6の配色パターン

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

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

#1552d6の配色パターン

#051433の配色パターン

#0a2766の配色パターン

#0f3b99の配色パターン

#144fccの配色パターン

#1a62ffの配色パターン

■#1552d6 ■#051433 ■#0a2766 ■#0f3b99 ■#144fcc ■#1a62ff

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

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

#1552d6の配色パターン

#abb9d6の配色パターン

#819cd6の配色パターン

#567ed6の配色パターン

#2b61d6の配色パターン

#0044d6の配色パターン

■#1552d6 ■#abb9d6 ■#819cd6 ■#567ed6 ■#2b61d6 ■#0044d6

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

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

#1552d6の配色パターン

#d69915の配色パターン

■#1552d6 ■#d69915

トライアド配色Triads

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

#1552d6の配色パターン

#d61552の配色パターン

#52d615の配色パターン

■#1552d6 ■#d61552 ■#52d615

アナロガス配色Analogous

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

#15d699の配色パターン

#1552d6の配色パターン

#9915d6の配色パターン

■#15d699 ■#1552d6 ■#9915d6

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

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

#1552d6の配色パターン

#d63915の配色パターン

#b3d615の配色パターン

■#1552d6 ■#d63915 ■#b3d615

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

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

#1552d6の配色パターン

#d61552の配色パターン

#d69915の配色パターン

#15d699の配色パターン

■#1552d6 ■#d61552 ■#d69915 ■#15d699

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

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

#1552d6の配色パターン

#d615b3の配色パターン

#d69915の配色パターン

#15d639の配色パターン

■#1552d6 ■#d615b3 ■#d69915 ■#15d639

ペンタード配色Pentad

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

#1552d6の配色パターン

#c015d6の配色パターン

#d62515の配色パターン

#a0d615の配色パターン

#15d673の配色パターン

■#1552d6 ■#c015d6 ■#d62515 ■#a0d615 ■#15d673

ヘクサード配色Hexad

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

#1552d6の配色パターン

#9915d6の配色パターン

#d61552の配色パターン

#d69915の配色パターン

#52d615の配色パターン

#15d699の配色パターン

■#1552d6 ■#9915d6 ■#d61552 ■#d69915 ■#52d615 ■#15d699