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

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

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

キーカラーKey Color

配色の基準となる色

#578c5cの配色パターン

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

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

#578c5cの配色パターン

#203322の配色パターン

#3f6643の配色パターン

#5f9965の配色パターン

#7ecc86の配色パターン

#9effa8の配色パターン

■#578c5c ■#203322 ■#3f6643 ■#5f9965 ■#7ecc86 ■#9effa8

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

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

#578c5cの配色パターン

#708c73の配色パターン

#548c5aの配色パターン

#388c41の配色パターン

#1c8c27の配色パターン

#008c0eの配色パターン

■#578c5c ■#708c73 ■#548c5a ■#388c41 ■#1c8c27 ■#008c0e

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

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

#578c5cの配色パターン

#8c5787の配色パターン

■#578c5c ■#8c5787

トライアド配色Triads

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

#578c5cの配色パターン

#5c578cの配色パターン

#8c5c57の配色パターン

■#578c5c ■#5c578c ■#8c5c57

アナロガス配色Analogous

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

#878c57の配色パターン

#578c5cの配色パターン

#57878cの配色パターン

■#878c57 ■#578c5c ■#57878c

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

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

#578c5cの配色パターン

#77578cの配色パターン

#8c576cの配色パターン

■#578c5c ■#77578c ■#8c576c

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

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

#578c5cの配色パターン

#5c578cの配色パターン

#8c5787の配色パターン

#878c57の配色パターン

■#578c5c ■#5c578c ■#8c5787 ■#878c57

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

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

#578c5cの配色パターン

#576c8cの配色パターン

#8c5787の配色パターン

#8c7757の配色パターン

■#578c5c ■#576c8c ■#8c5787 ■#8c7757

ペンタード配色Pentad

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

#578c5cの配色パターン

#577c8cの配色パターン

#72578cの配色パターン

#8c5767の配色パターン

#8c8757の配色パターン

■#578c5c ■#577c8c ■#72578c ■#8c5767 ■#8c8757

ヘクサード配色Hexad

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

#578c5cの配色パターン

#57878cの配色パターン

#5c578cの配色パターン

#8c5787の配色パターン

#8c5c57の配色パターン

#878c57の配色パターン

■#578c5c ■#57878c ■#5c578c ■#8c5787 ■#8c5c57 ■#878c57