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

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

#59789cの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#59789cの配色パターン

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

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

#59789cの配色パターン

#1d2733の配色パターン

#3a4f66の配色パターン

#577699の配色パターン

#749dccの配色パターン

#91c5ffの配色パターン

■#59789c ■#1d2733 ■#3a4f66 ■#577699 ■#749dcc ■#91c5ff

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

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

#59789cの配色パターン

#7c8b9cの配色パターン

#5d7a9cの配色パターン

#3e6a9cの配色パターン

#1f599cの配色パターン

#00499cの配色パターン

■#59789c ■#7c8b9c ■#5d7a9c ■#3e6a9c ■#1f599c ■#00499c

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

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

#59789cの配色パターン

#9c7c59の配色パターン

■#59789c ■#9c7c59

トライアド配色Triads

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

#59789cの配色パターン

#9c5978の配色パターン

#789c59の配色パターン

■#59789c ■#9c5978 ■#789c59

アナロガス配色Analogous

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

#599c7cの配色パターン

#59789cの配色パターン

#7c599cの配色パターン

■#599c7c ■#59789c ■#7c599c

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

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

#59789cの配色パターン

#9c5b59の配色パターン

#999c59の配色パターン

■#59789c ■#9c5b59 ■#999c59

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

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

#59789cの配色パターン

#9c5978の配色パターン

#9c7c59の配色パターン

#599c7cの配色パターン

■#59789c ■#9c5978 ■#9c7c59 ■#599c7c

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

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

#59789cの配色パターン

#9c5999の配色パターン

#9c7c59の配色パターン

#599c5bの配色パターン

■#59789c ■#9c5999 ■#9c7c59 ■#599c5b

ペンタード配色Pentad

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

#59789cの配色パターン

#8a599cの配色パターン

#9c595dの配色パターン

#939c59の配色パターン

#599c6fの配色パターン

■#59789c ■#8a599c ■#9c595d ■#939c59 ■#599c6f

ヘクサード配色Hexad

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

#59789cの配色パターン

#7c599cの配色パターン

#9c5978の配色パターン

#9c7c59の配色パターン

#789c59の配色パターン

#599c7cの配色パターン

■#59789c ■#7c599c ■#9c5978 ■#9c7c59 ■#789c59 ■#599c7c