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

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

#8e639bの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#8e639bの配色パターン

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

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

#8e639bの配色パターン

#2f2133の配色パターン

#5d4166の配色パターン

#8c6299の配色パターン

#bb83ccの配色パターン

#eaa3ffの配色パターン

■#8e639b ■#2f2133 ■#5d4166 ■#8c6299 ■#bb83cc ■#eaa3ff

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

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

#8e639bの配色パターン

#947c9cの配色パターン

#8d5d9cの配色パターン

#863e9cの配色パターン

#7f1f9cの配色パターン

#77009cの配色パターン

■#8e639b ■#947c9c ■#8d5d9c ■#863e9c ■#7f1f9c ■#77009c

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

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

#8e639bの配色パターン

#719c64の配色パターン

■#8e639b ■#719c64

トライアド配色Triads

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

#8e639bの配色パターン

#9c8e64の配色パターン

#649c8eの配色パターン

■#8e639b ■#9c8e64 ■#649c8e

アナロガス配色Analogous

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

#64719cの配色パターン

#8e639bの配色パターン

#9c6471の配色パターン

■#64719c ■#8e639b ■#9c6471

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

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

#8e639bの配色パターン

#8d9c64の配色パターン

#649c72の配色パターン

■#8e639b ■#8d9c64 ■#649c72

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

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

#8e639bの配色パターン

#9c8e64の配色パターン

#719c64の配色パターン

#64719cの配色パターン

■#8e639b ■#9c8e64 ■#719c64 ■#64719c

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

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

#8e639bの配色パターン

#9c7264の配色パターン

#719c64の配色パターン

#648d9cの配色パターン

■#8e639b ■#9c7264 ■#719c64 ■#648d9c

ペンタード配色Pentad

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

#8e639bの配色パターン

#9c6465の配色パターン

#929c64の配色パターン

#649c78の配色パターン

#647c9cの配色パターン

■#8e639b ■#9c6465 ■#929c64 ■#649c78 ■#647c9c

ヘクサード配色Hexad

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

#8e639bの配色パターン

#9c6471の配色パターン

#9c8e64の配色パターン

#719c64の配色パターン

#649c8eの配色パターン

#64719cの配色パターン

■#8e639b ■#9c6471 ■#9c8e64 ■#719c64 ■#649c8e ■#64719c