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

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

#557a81の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#557a81の配色パターン

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

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

#557a81の配色パターン

#223033の配色パターン

#436066の配色パターン

#659099の配色パターン

#87c0ccの配色パターン

#a8f1ffの配色パターン

■#557a81 ■#223033 ■#436066 ■#659099 ■#87c0cc ■#a8f1ff

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

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

#557a81の配色パターン

#687e82の配色パターン

#4e7982の配色パターン

#347582の配色パターン

#1a7182の配色パターン

#006c82の配色パターン

■#557a81 ■#687e82 ■#4e7982 ■#347582 ■#1a7182 ■#006c82

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

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

#557a81の配色パターン

#825d56の配色パターン

■#557a81 ■#825d56

トライアド配色Triads

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

#557a81の配色パターン

#82567bの配色パターン

#7b8256の配色パターン

■#557a81 ■#82567b ■#7b8256

アナロガス配色Analogous

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

#56825dの配色パターン

#557a81の配色パターン

#5d5682の配色パターン

■#56825d ■#557a81 ■#5d5682

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

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

#557a81の配色パターン

#825665の配色パターン

#827356の配色パターン

■#557a81 ■#825665 ■#827356

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

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

#557a81の配色パターン

#82567bの配色パターン

#825d56の配色パターン

#56825dの配色パターン

■#557a81 ■#82567b ■#825d56 ■#56825d

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

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

#557a81の配色パターン

#735682の配色パターン

#825d56の配色パターン

#658256の配色パターン

■#557a81 ■#735682 ■#825d56 ■#658256

ペンタード配色Pentad

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

#557a81の配色パターン

#665682の配色パターン

#825669の配色パターン

#827856の配色パターン

#578256の配色パターン

■#557a81 ■#665682 ■#825669 ■#827856 ■#578256

ヘクサード配色Hexad

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

#557a81の配色パターン

#5d5682の配色パターン

#82567bの配色パターン

#825d56の配色パターン

#7b8256の配色パターン

#56825dの配色パターン

■#557a81 ■#5d5682 ■#82567b ■#825d56 ■#7b8256 ■#56825d