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

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

#2766a9の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#2766a9の配色パターン

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

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

#2766a9の配色パターン

#0c1f33の配色パターン

#173d66の配色パターン

#235c99の配色パターン

#2f7bccの配色パターン

#3b9affの配色パターン

■#2766a9 ■#0c1f33 ■#173d66 ■#235c99 ■#2f7bcc ■#3b9aff

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

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

#2766a9の配色パターン

#8797a8の配色パターン

#6586a8の配色パターン

#4374a8の配色パターン

#2263a8の配色パターン

#0051a8の配色パターン

■#2766a9 ■#8797a8 ■#6586a8 ■#4374a8 ■#2263a8 ■#0051a8

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

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

#2766a9の配色パターン

#a86a27の配色パターン

■#2766a9 ■#a86a27

トライアド配色Triads

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

#2766a9の配色パターン

#a82765の配色パターン

#65a827の配色パターン

■#2766a9 ■#a82765 ■#65a827

アナロガス配色Analogous

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

#27a86aの配色パターン

#2766a9の配色パターン

#6a27a8の配色パターン

■#27a86a ■#2766a9 ■#6a27a8

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

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

#2766a9の配色パターン

#a82927の配色パターン

#a6a827の配色パターン

■#2766a9 ■#a82927 ■#a6a827

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

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

#2766a9の配色パターン

#a82765の配色パターン

#a86a27の配色パターン

#27a86aの配色パターン

■#2766a9 ■#a82765 ■#a86a27 ■#27a86a

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

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

#2766a9の配色パターン

#a827a6の配色パターン

#a86a27の配色パターン

#27a829の配色パターン

■#2766a9 ■#a827a6 ■#a86a27 ■#27a829

ペンタード配色Pentad

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

#2766a9の配色パターン

#8427a8の配色パターン

#a82732の配色パターン

#99a827の配色パターン

#27a850の配色パターン

■#2766a9 ■#8427a8 ■#a82732 ■#99a827 ■#27a850

ヘクサード配色Hexad

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

#2766a9の配色パターン

#6a27a8の配色パターン

#a82765の配色パターン

#a86a27の配色パターン

#65a827の配色パターン

#27a86aの配色パターン

■#2766a9 ■#6a27a8 ■#a82765 ■#a86a27 ■#65a827 ■#27a86a