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

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

#7f639dの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#7f639dの配色パターン

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

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

#7f639dの配色パターン

#292033の配色パターン

#534066の配色パターン

#7c6099の配色パターン

#a581ccの配色パターン

#cea1ffの配色パターン

■#7f639d ■#292033 ■#534066 ■#7c6099 ■#a581cc ■#cea1ff

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

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

#7f639dの配色パターン

#8e7e9eの配色パターン

#7d5f9eの配色パターン

#6d3f9eの配色パターン

#5d209eの配色パターン

#4c009eの配色パターン

■#7f639d ■#8e7e9e ■#7d5f9e ■#6d3f9e ■#5d209e ■#4c009e

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

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

#7f639dの配色パターン

#829e64の配色パターン

■#7f639d ■#829e64

トライアド配色Triads

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

#7f639dの配色パターン

#9e8064の配色パターン

#649e80の配色パターン

■#7f639d ■#9e8064 ■#649e80

アナロガス配色Analogous

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

#64829eの配色パターン

#7f639dの配色パターン

#9e6482の配色パターン

■#64829e ■#7f639d ■#9e6482

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

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

#7f639dの配色パターン

#9e9d64の配色パターン

#659e64の配色パターン

■#7f639d ■#9e9d64 ■#659e64

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

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

#7f639dの配色パターン

#9e8064の配色パターン

#829e64の配色パターン

#64829eの配色パターン

■#7f639d ■#9e8064 ■#829e64 ■#64829e

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

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

#7f639dの配色パターン

#9e6465の配色パターン

#829e64の配色パターン

#649e9dの配色パターン

■#7f639d ■#9e6465 ■#829e64 ■#649e9d

ペンタード配色Pentad

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

#7f639dの配色パターン

#9e6476の配色パターン

#9e9764の配色パターン

#649e68の配色パターン

#648e9eの配色パターン

■#7f639d ■#9e6476 ■#9e9764 ■#649e68 ■#648e9e

ヘクサード配色Hexad

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

#7f639dの配色パターン

#9e6482の配色パターン

#9e8064の配色パターン

#829e64の配色パターン

#649e80の配色パターン

#64829eの配色パターン

■#7f639d ■#9e6482 ■#9e8064 ■#829e64 ■#649e80 ■#64829e