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

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

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

キーカラーKey Color

配色の基準となる色

#b793f9の配色パターン

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

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

#b793f9の配色パターン

#251e33の配色パターン

#4b3c66の配色パターン

#705a99の配色パターン

#9678ccの配色パターン

#bb96ffの配色パターン

■#b793f9 ■#251e33 ■#4b3c66 ■#705a99 ■#9678cc ■#bb96ff

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

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

#b793f9の配色パターン

#d9c8faの配色パターン

#b996faの配色パターン

#9864faの配色パターン

#7832faの配色パターン

#5700faの配色パターン

■#b793f9 ■#d9c8fa ■#b996fa ■#9864fa ■#7832fa ■#5700fa

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

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

#b793f9の配色パターン

#d6fa93の配色パターン

■#b793f9 ■#d6fa93

トライアド配色Triads

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

#b793f9の配色パターン

#fab793の配色パターン

#93fab7の配色パターン

■#b793f9 ■#fab793 ■#93fab7

アナロガス配色Analogous

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

#93d6faの配色パターン

#b793f9の配色パターン

#fa93d6の配色パターン

■#93d6fa ■#b793f9 ■#fa93d6

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

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

#b793f9の配色パターン

#faeb93の配色パターン

#a3fa93の配色パターン

■#b793f9 ■#faeb93 ■#a3fa93

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

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

#b793f9の配色パターン

#fab793の配色パターン

#d6fa93の配色パターン

#93d6faの配色パターン

■#b793f9 ■#fab793 ■#d6fa93 ■#93d6fa

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

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

#b793f9の配色パターン

#fa93a3の配色パターン

#d6fa93の配色パターン

#93faebの配色パターン

■#b793f9 ■#fa93a3 ■#d6fa93 ■#93faeb

ペンタード配色Pentad

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

#b793f9の配色パターン

#fa93c2の配色パターン

#fae093の配色パターン

#99fa93の配色パターン

#93ebfaの配色パターン

■#b793f9 ■#fa93c2 ■#fae093 ■#99fa93 ■#93ebfa

ヘクサード配色Hexad

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

#b793f9の配色パターン

#fa93d6の配色パターン

#fab793の配色パターン

#d6fa93の配色パターン

#93fab7の配色パターン

#93d6faの配色パターン

■#b793f9 ■#fa93d6 ■#fab793 ■#d6fa93 ■#93fab7 ■#93d6fa