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

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

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

キーカラーKey Color

配色の基準となる色

#9a59baの配色パターン

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

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

#9a59baの配色パターン

#2a1833の配色パターン

#543166の配色パターン

#7e4999の配色パターン

#a962ccの配色パターン

#d37affの配色パターン

■#9a59ba ■#2a1833 ■#543166 ■#7e4999 ■#a962cc ■#d37aff

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

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

#9a59baの配色パターン

#ae95baの配色パターン

#a170baの配色パターン

#954abaの配色パターン

#8925baの配色パターン

#7c00baの配色パターン

■#9a59ba ■#ae95ba ■#a170ba ■#954aba ■#8925ba ■#7c00ba

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

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

#9a59baの配色パターン

#7aba59の配色パターン

■#9a59ba ■#7aba59

トライアド配色Triads

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

#9a59baの配色パターン

#ba9a59の配色パターン

#59ba9aの配色パターン

■#9a59ba ■#ba9a59 ■#59ba9a

アナロガス配色Analogous

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

#597abaの配色パターン

#9a59baの配色パターン

#ba597aの配色パターン

■#597aba ■#9a59ba ■#ba597a

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

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

#9a59baの配色パターン

#aaba59の配色パターン

#59ba69の配色パターン

■#9a59ba ■#aaba59 ■#59ba69

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

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

#9a59baの配色パターン

#ba9a59の配色パターン

#7aba59の配色パターン

#597abaの配色パターン

■#9a59ba ■#ba9a59 ■#7aba59 ■#597aba

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

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

#9a59baの配色パターン

#ba6959の配色パターン

#7aba59の配色パターン

#59aabaの配色パターン

■#9a59ba ■#ba6959 ■#7aba59 ■#59aaba

ペンタード配色Pentad

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

#9a59baの配色パターン

#ba5966の配色パターン

#b4ba59の配色パターン

#59ba73の配色パターン

#598dbaの配色パターン

■#9a59ba ■#ba5966 ■#b4ba59 ■#59ba73 ■#598dba

ヘクサード配色Hexad

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

#9a59baの配色パターン

#ba597aの配色パターン

#ba9a59の配色パターン

#7aba59の配色パターン

#59ba9aの配色パターン

#597abaの配色パターン

■#9a59ba ■#ba597a ■#ba9a59 ■#7aba59 ■#59ba9a ■#597aba