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

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

#578f81の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#578f81の配色パターン

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

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

#578f81の配色パターン

#1f332eの配色パターン

#3e665cの配色パターン

#5d998aの配色パターン

#7cccb8の配色パターン

#9cffe6の配色パターン

■#578f81 ■#1f332e ■#3e665c ■#5d998a ■#7cccb8 ■#9cffe6

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

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

#578f81の配色パターン

#728f88の配色パターン

#568f81の配色パターン

#398f79の配色パターン

#1d8f72の配色パターン

#008f6bの配色パターン

■#578f81 ■#728f88 ■#568f81 ■#398f79 ■#1d8f72 ■#008f6b

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

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

#578f81の配色パターン

#8f5765の配色パターン

■#578f81 ■#8f5765

トライアド配色Triads

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

#578f81の配色パターン

#81578fの配色パターン

#8f8157の配色パターン

■#578f81 ■#81578f ■#8f8157

アナロガス配色Analogous

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

#658f57の配色パターン

#578f81の配色パターン

#57658fの配色パターン

■#658f57 ■#578f81 ■#57658f

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

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

#578f81の配色パターン

#8f5781の配色パターン

#8f6557の配色パターン

■#578f81 ■#8f5781 ■#8f6557

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

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

#578f81の配色パターン

#81578fの配色パターン

#8f5765の配色パターン

#658f57の配色パターン

■#578f81 ■#81578f ■#8f5765 ■#658f57

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

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

#578f81の配色パターン

#65578fの配色パターン

#8f5765の配色パターン

#818f57の配色パターン

■#578f81 ■#65578f ■#8f5765 ■#818f57

ペンタード配色Pentad

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

#578f81の配色パターン

#575a8fの配色パターン

#8f5786の配色パターン

#8f6b57の配色パターン

#708f57の配色パターン

■#578f81 ■#575a8f ■#8f5786 ■#8f6b57 ■#708f57

ヘクサード配色Hexad

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

#578f81の配色パターン

#57658fの配色パターン

#81578fの配色パターン

#8f5765の配色パターン

#8f8157の配色パターン

#658f57の配色パターン

■#578f81 ■#57658f ■#81578f ■#8f5765 ■#8f8157 ■#658f57