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

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

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

キーカラーKey Color

配色の基準となる色

#9e7abfの配色パターン

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

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

#9e7abfの配色パターン

#2a2133の配色パターン

#544166の配色パターン

#7e6299の配色パターン

#a983ccの配色パターン

#d3a3ffの配色パターン

■#9e7abf ■#2a2133 ■#544166 ■#7e6299 ■#a983cc ■#d3a3ff

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

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

#9e7abfの配色パターン

#ad99bfの配色パターン

#9a73bfの配色パターン

#884dbfの配色パターン

#7526bfの配色パターン

#6300bfの配色パターン

■#9e7abf ■#ad99bf ■#9a73bf ■#884dbf ■#7526bf ■#6300bf

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

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

#9e7abfの配色パターン

#9cbf7aの配色パターン

■#9e7abf ■#9cbf7a

トライアド配色Triads

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

#9e7abfの配色パターン

#bf9e7aの配色パターン

#7abf9eの配色パターン

■#9e7abf ■#bf9e7a ■#7abf9e

アナロガス配色Analogous

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

#7a9cbfの配色パターン

#9e7abfの配色パターン

#bf7a9cの配色パターン

■#7a9cbf ■#9e7abf ■#bf7a9c

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

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

#9e7abfの配色パターン

#bebf7aの配色パターン

#7abf7cの配色パターン

■#9e7abf ■#bebf7a ■#7abf7c

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

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

#9e7abfの配色パターン

#bf9e7aの配色パターン

#9cbf7aの配色パターン

#7a9cbfの配色パターン

■#9e7abf ■#bf9e7a ■#9cbf7a ■#7a9cbf

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

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

#9e7abfの配色パターン

#bf7c7aの配色パターン

#9cbf7aの配色パターン

#7abebfの配色パターン

■#9e7abf ■#bf7c7a ■#9cbf7a ■#7abebf

ペンタード配色Pentad

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

#9e7abfの配色パターン

#bf7a8eの配色パターン

#bfba7aの配色パターン

#7abf82の配色パターン

#7aa9bfの配色パターン

■#9e7abf ■#bf7a8e ■#bfba7a ■#7abf82 ■#7aa9bf

ヘクサード配色Hexad

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

#9e7abfの配色パターン

#bf7a9cの配色パターン

#bf9e7aの配色パターン

#9cbf7aの配色パターン

#7abf9eの配色パターン

#7a9cbfの配色パターン

■#9e7abf ■#bf7a9c ■#bf9e7a ■#9cbf7a ■#7abf9e ■#7a9cbf