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

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

#9dab57の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#9dab57の配色パターン

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

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

#9dab57の配色パターン

#2f331aの配色パターン

#5e6634の配色パターン

#8d994eの配色パターン

#bbcc68の配色パターン

#eaff82の配色パターン

■#9dab57 ■#2f331a ■#5e6634 ■#8d994e ■#bbcc68 ■#eaff82

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

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

#9dab57の配色パターン

#a5ab89の配色パターン

#9fab67の配色パターン

#9aab44の配色パターン

#94ab22の配色パターン

#8eab00の配色パターン

■#9dab57 ■#a5ab89 ■#9fab67 ■#9aab44 ■#94ab22 ■#8eab00

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

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

#9dab57の配色パターン

#6557abの配色パターン

■#9dab57 ■#6557ab

トライアド配色Triads

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

#9dab57の配色パターン

#579dabの配色パターン

#ab579dの配色パターン

■#9dab57 ■#579dab ■#ab579d

アナロガス配色Analogous

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

#ab6557の配色パターン

#9dab57の配色パターン

#57ab65の配色パターン

■#ab6557 ■#9dab57 ■#57ab65

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

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

#9dab57の配色パターン

#5773abの配色パターン

#8f57abの配色パターン

■#9dab57 ■#5773ab ■#8f57ab

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

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

#9dab57の配色パターン

#579dabの配色パターン

#6557abの配色パターン

#ab6557の配色パターン

■#9dab57 ■#579dab ■#6557ab ■#ab6557

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

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

#9dab57の配色パターン

#57ab8fの配色パターン

#6557abの配色パターン

#ab5773の配色パターン

■#9dab57 ■#57ab8f ■#6557ab ■#ab5773

ペンタード配色Pentad

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

#9dab57の配色パターン

#57ab76の配色パターン

#577babの配色パターン

#9757abの配色パターン

#ab575aの配色パターン

■#9dab57 ■#57ab76 ■#577bab ■#9757ab ■#ab575a

ヘクサード配色Hexad

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

#9dab57の配色パターン

#57ab65の配色パターン

#579dabの配色パターン

#6557abの配色パターン

#ab579dの配色パターン

#ab6557の配色パターン

■#9dab57 ■#57ab65 ■#579dab ■#6557ab ■#ab579d ■#ab6557