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

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

#286c89の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#286c89の配色パターン

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

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

#286c89の配色パターン

#0f2833の配色パターン

#1e5066の配色パターン

#2c7899の配色パターン

#3ba1ccの配色パターン

#4ac9ffの配色パターン

■#286c89 ■#0f2833 ■#1e5066 ■#2c7899 ■#3ba1cc ■#4ac9ff

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

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

#286c89の配色パターン

#6e818aの配色パターン

#53798aの配色パターン

#37718aの配色パターン

#1c698aの配色パターン

#00608aの配色パターン

■#286c89 ■#6e818a ■#53798a ■#37718a ■#1c698a ■#00608a

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

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

#286c89の配色パターン

#8a4528の配色パターン

■#286c89 ■#8a4528

トライアド配色Triads

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

#286c89の配色パターン

#8a286cの配色パターン

#6c8a28の配色パターン

■#286c89 ■#8a286c ■#6c8a28

アナロガス配色Analogous

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

#288a45の配色パターン

#286c89の配色パターン

#45288aの配色パターン

■#288a45 ■#286c89 ■#45288a

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

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

#286c89の配色パターン

#8a283bの配色パターン

#8a7628の配色パターン

■#286c89 ■#8a283b ■#8a7628

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

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

#286c89の配色パターン

#8a286cの配色パターン

#8a4528の配色パターン

#288a45の配色パターン

■#286c89 ■#8a286c ■#8a4528 ■#288a45

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

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

#286c89の配色パターン

#76288aの配色パターン

#8a4528の配色パターン

#3b8a28の配色パターン

■#286c89 ■#76288a ■#8a4528 ■#3b8a28

ペンタード配色Pentad

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

#286c89の配色パターン

#59288aの配色パターン

#8a2845の配色パターン

#8a8028の配色パターン

#288a32の配色パターン

■#286c89 ■#59288a ■#8a2845 ■#8a8028 ■#288a32

ヘクサード配色Hexad

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

#286c89の配色パターン

#45288aの配色パターン

#8a286cの配色パターン

#8a4528の配色パターン

#6c8a28の配色パターン

#288a45の配色パターン

■#286c89 ■#45288a ■#8a286c ■#8a4528 ■#6c8a28 ■#288a45