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

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

#1681c6の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#1681c6の配色パターン

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

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

#1681c6の配色パターン

#062133の配色パターン

#0b4266の配色パターン

#116399の配色パターン

#1683ccの配色パターン

#1ca4ffの配色パターン

■#1681c6 ■#062133 ■#0b4266 ■#116399 ■#1683cc ■#1ca4ff

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

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

#1681c6の配色パターン

#9fb7c7の配色パターン

#77a7c7の配色パターン

#5097c7の配色パターン

#2887c7の配色パターン

#0077c7の配色パターン

■#1681c6 ■#9fb7c7 ■#77a7c7 ■#5097c7 ■#2887c7 ■#0077c7

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

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

#1681c6の配色パターン

#c75d16の配色パターン

■#1681c6 ■#c75d16

トライアド配色Triads

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

#1681c6の配色パターン

#c71680の配色パターン

#80c716の配色パターン

■#1681c6 ■#c71680 ■#80c716

アナロガス配色Analogous

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

#16c75dの配色パターン

#1681c6の配色パターン

#5d16c7の配色パターン

■#16c75d ■#1681c6 ■#5d16c7

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

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

#1681c6の配色パターン

#c71628の配色パターン

#c7b516の配色パターン

■#1681c6 ■#c71628 ■#c7b516

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

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

#1681c6の配色パターン

#c71680の配色パターン

#c75d16の配色パターン

#16c75dの配色パターン

■#1681c6 ■#c71680 ■#c75d16 ■#16c75d

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

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

#1681c6の配色パターン

#b516c7の配色パターン

#c75d16の配色パターン

#28c716の配色パターン

■#1681c6 ■#b516c7 ■#c75d16 ■#28c716

ペンタード配色Pentad

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

#1681c6の配色パターン

#8016c7の配色パターン

#c71639の配色パターン

#c7c716の配色パターン

#16c739の配色パターン

■#1681c6 ■#8016c7 ■#c71639 ■#c7c716 ■#16c739

ヘクサード配色Hexad

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

#1681c6の配色パターン

#5d16c7の配色パターン

#c71680の配色パターン

#c75d16の配色パターン

#80c716の配色パターン

#16c75dの配色パターン

■#1681c6 ■#5d16c7 ■#c71680 ■#c75d16 ■#80c716 ■#16c75d