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

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

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

キーカラーKey Color

配色の基準となる色

#578fabの配色パターン

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

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

#578fabの配色パターン

#1a2b33の配色パターン

#345566の配色パターン

#4e8099の配色パターン

#68abccの配色パターン

#82d5ffの配色パターン

■#578fab ■#1a2b33 ■#345566 ■#4e8099 ■#68abcc ■#82d5ff

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

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

#578fabの配色パターン

#899fabの配色パターン

#6794abの配色パターン

#4489abの配色パターン

#227dabの配色パターン

#0072abの配色パターン

■#578fab ■#899fab ■#6794ab ■#4489ab ■#227dab ■#0072ab

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

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

#578fabの配色パターン

#ab7357の配色パターン

■#578fab ■#ab7357

トライアド配色Triads

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

#578fabの配色パターン

#ab578fの配色パターン

#8fab57の配色パターン

■#578fab ■#ab578f ■#8fab57

アナロガス配色Analogous

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

#57ab73の配色パターン

#578fabの配色パターン

#7357abの配色パターン

■#57ab73 ■#578fab ■#7357ab

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

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

#578fabの配色パターン

#ab5765の配色パターン

#ab9d57の配色パターン

■#578fab ■#ab5765 ■#ab9d57

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

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

#578fabの配色パターン

#ab578fの配色パターン

#ab7357の配色パターン

#57ab73の配色パターン

■#578fab ■#ab578f ■#ab7357 ■#57ab73

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

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

#578fabの配色パターン

#9d57abの配色パターン

#ab7357の配色パターン

#65ab57の配色パターン

■#578fab ■#9d57ab ■#ab7357 ■#65ab57

ペンタード配色Pentad

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

#578fabの配色パターン

#8457abの配色パターン

#ab576dの配色パターン

#aba557の配色パターン

#57ab62の配色パターン

■#578fab ■#8457ab ■#ab576d ■#aba557 ■#57ab62

ヘクサード配色Hexad

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

#578fabの配色パターン

#7357abの配色パターン

#ab578fの配色パターン

#ab7357の配色パターン

#8fab57の配色パターン

#57ab73の配色パターン

■#578fab ■#7357ab ■#ab578f ■#ab7357 ■#8fab57 ■#57ab73