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

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

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

キーカラーKey Color

配色の基準となる色

#8806e3の配色パターン

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

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

#8806e3の配色パターン

#1e0233の配色パターン

#3d0366の配色パターン

#5b0599の配色パターン

#7a06ccの配色パターン

#9808ffの配色パターン

■#8806e3 ■#1e0233 ■#3d0366 ■#5b0599 ■#7a06cc ■#9808ff

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

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

#8806e3の配色パターン

#d0b6e3の配色パターン

#bd88e3の配色パターン

#aa5be3の配色パターン

#972de3の配色パターン

#8400e3の配色パターン

■#8806e3 ■#d0b6e3 ■#bd88e3 ■#aa5be3 ■#972de3 ■#8400e3

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

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

#8806e3の配色パターン

#63e307の配色パターン

■#8806e3 ■#63e307

トライアド配色Triads

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

#8806e3の配色パターン

#e38707の配色パターン

#07e387の配色パターン

■#8806e3 ■#e38707 ■#07e387

アナロガス配色Analogous

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

#0763e3の配色パターン

#8806e3の配色パターン

#e30763の配色パターン

■#0763e3 ■#8806e3 ■#e30763

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

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

#8806e3の配色パターン

#d1e307の配色パターン

#07e319の配色パターン

■#8806e3 ■#d1e307 ■#07e319

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

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

#8806e3の配色パターン

#e38707の配色パターン

#63e307の配色パターン

#0763e3の配色パターン

■#8806e3 ■#e38707 ■#63e307 ■#0763e3

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

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

#8806e3の配色パターン

#e31907の配色パターン

#63e307の配色パターン

#07d1e3の配色パターン

■#8806e3 ■#e31907 ■#63e307 ■#07d1e3

ペンタード配色Pentad

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

#8806e3の配色パターン

#e30737の配色パターン

#e3df07の配色パターン

#07e32fの配色パターン

#078fe3の配色パターン

■#8806e3 ■#e30737 ■#e3df07 ■#07e32f ■#078fe3

ヘクサード配色Hexad

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

#8806e3の配色パターン

#e30763の配色パターン

#e38707の配色パターン

#63e307の配色パターン

#07e387の配色パターン

#0763e3の配色パターン

■#8806e3 ■#e30763 ■#e38707 ■#63e307 ■#07e387 ■#0763e3