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

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

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

キーカラーKey Color

配色の基準となる色

#9223b9の配色パターン

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

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

#9223b9の配色パターン

#280a33の配色パターン

#501366の配色パターン

#781d99の配色パターン

#a027ccの配色パターン

#c830ffの配色パターン

■#9223b9 ■#280a33 ■#501366 ■#781d99 ■#a027cc ■#c830ff

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

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

#9223b9の配色パターン

#b095baの配色パターン

#a670baの配色パターン

#9c4abaの配色パターン

#9225baの配色パターン

#8900baの配色パターン

■#9223b9 ■#b095ba ■#a670ba ■#9c4aba ■#9225ba ■#8900ba

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

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

#9223b9の配色パターン

#4cba23の配色パターン

■#9223b9 ■#4cba23

トライアド配色Triads

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

#9223b9の配色パターン

#ba9223の配色パターン

#23ba92の配色パターン

■#9223b9 ■#ba9223 ■#23ba92

アナロガス配色Analogous

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

#234cbaの配色パターン

#9223b9の配色パターン

#ba234cの配色パターン

■#234cba ■#9223b9 ■#ba234c

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

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

#9223b9の配色パターン

#97ba23の配色パターン

#23ba47の配色パターン

■#9223b9 ■#97ba23 ■#23ba47

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

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

#9223b9の配色パターン

#ba9223の配色パターン

#4cba23の配色パターン

#234cbaの配色パターン

■#9223b9 ■#ba9223 ■#4cba23 ■#234cba

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

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

#9223b9の配色パターン

#ba4723の配色パターン

#4cba23の配色パターン

#2397baの配色パターン

■#9223b9 ■#ba4723 ■#4cba23 ■#2397ba

ペンタード配色Pentad

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

#9223b9の配色パターン

#ba232dの配色パターン

#a6ba23の配色パターン

#23ba56の配色パターン

#236abaの配色パターン

■#9223b9 ■#ba232d ■#a6ba23 ■#23ba56 ■#236aba

ヘクサード配色Hexad

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

#9223b9の配色パターン

#ba234cの配色パターン

#ba9223の配色パターン

#4cba23の配色パターン

#23ba92の配色パターン

#234cbaの配色パターン

■#9223b9 ■#ba234c ■#ba9223 ■#4cba23 ■#23ba92 ■#234cba