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

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

#6690adの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#6690adの配色パターン

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

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

#6690adの配色パターン

#1e2a33の配色パターン

#3c5566の配色パターン

#5a7f99の配色パターン

#78a9ccの配色パターン

#96d3ffの配色パターン

■#6690ad ■#1e2a33 ■#3c5566 ■#5a7f99 ■#78a9cc ■#96d3ff

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

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

#6690adの配色パターン

#8b9fadの配色パターン

#6891adの配色パターン

#4582adの配色パターン

#2374adの配色パターン

#0065adの配色パターン

■#6690ad ■#8b9fad ■#6891ad ■#4582ad ■#2374ad ■#0065ad

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

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

#6690adの配色パターン

#ad8466の配色パターン

■#6690ad ■#ad8466

トライアド配色Triads

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

#6690adの配色パターン

#ad6690の配色パターン

#90ad66の配色パターン

■#6690ad ■#ad6690 ■#90ad66

アナロガス配色Analogous

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

#66ad84の配色パターン

#6690adの配色パターン

#8466adの配色パターン

■#66ad84 ■#6690ad ■#8466ad

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

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

#6690adの配色パターン

#ad666cの配色パターン

#ada766の配色パターン

■#6690ad ■#ad666c ■#ada766

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

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

#6690adの配色パターン

#ad6690の配色パターン

#ad8466の配色パターン

#66ad84の配色パターン

■#6690ad ■#ad6690 ■#ad8466 ■#66ad84

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

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

#6690adの配色パターン

#a766adの配色パターン

#ad8466の配色パターン

#6cad66の配色パターン

■#6690ad ■#a766ad ■#ad8466 ■#6cad66

ペンタード配色Pentad

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

#6690adの配色パターン

#9266adの配色パターン

#ad6673の配色パターン

#acad66の配色パターン

#66ad76の配色パターン

■#6690ad ■#9266ad ■#ad6673 ■#acad66 ■#66ad76

ヘクサード配色Hexad

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

#6690adの配色パターン

#8466adの配色パターン

#ad6690の配色パターン

#ad8466の配色パターン

#90ad66の配色パターン

#66ad84の配色パターン

■#6690ad ■#8466ad ■#ad6690 ■#ad8466 ■#90ad66 ■#66ad84