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

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

#6693c5の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#6693c5の配色パターン

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

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

#6693c5の配色パターン

#1b2633の配色パターン

#354c66の配色パターン

#507299の配色パターン

#6a98ccの配色パターン

#85beffの配色パターン

■#6693c5 ■#1b2633 ■#354c66 ■#507299 ■#6a98cc ■#85beff

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

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

#6693c5の配色パターン

#9dafc4の配色パターン

#769ac4の配色パターン

#4f86c4の配色パターン

#2771c4の配色パターン

#005cc4の配色パターン

■#6693c5 ■#9dafc4 ■#769ac4 ■#4f86c4 ■#2771c4 ■#005cc4

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

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

#6693c5の配色パターン

#c49866の配色パターン

■#6693c5 ■#c49866

トライアド配色Triads

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

#6693c5の配色パターン

#c46692の配色パターン

#92c466の配色パターン

■#6693c5 ■#c46692 ■#92c466

アナロガス配色Analogous

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

#66c498の配色パターン

#6693c5の配色パターン

#9866c4の配色パターン

■#66c498 ■#6693c5 ■#9866c4

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

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

#6693c5の配色パターン

#c46966の配色パターン

#c1c466の配色パターン

■#6693c5 ■#c46966 ■#c1c466

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

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

#6693c5の配色パターン

#c46692の配色パターン

#c49866の配色パターン

#66c498の配色パターン

■#6693c5 ■#c46692 ■#c49866 ■#66c498

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

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

#6693c5の配色パターン

#c466c1の配色パターン

#c49866の配色パターン

#66c469の配色パターン

■#6693c5 ■#c466c1 ■#c49866 ■#66c469

ペンタード配色Pentad

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

#6693c5の配色パターン

#ab66c4の配色パターン

#c4666cの配色パターン

#b8c466の配色パターン

#66c486の配色パターン

■#6693c5 ■#ab66c4 ■#c4666c ■#b8c466 ■#66c486

ヘクサード配色Hexad

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

#6693c5の配色パターン

#9866c4の配色パターン

#c46692の配色パターン

#c49866の配色パターン

#92c466の配色パターン

#66c498の配色パターン

■#6693c5 ■#9866c4 ■#c46692 ■#c49866 ■#92c466 ■#66c498