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

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

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

キーカラーKey Color

配色の基準となる色

#8222b9の配色パターン

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

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

#8222b9の配色パターン

#240933の配色パターン

#471266の配色パターン

#6b1c99の配色パターン

#8f25ccの配色パターン

#b22effの配色パターン

■#8222b9 ■#240933 ■#471266 ■#6b1c99 ■#8f25cc ■#b22eff

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

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

#8222b9の配色パターン

#ac95baの配色パターン

#9f70baの配色パターン

#914abaの配色パターン

#8425baの配色パターン

#7600baの配色パターン

■#8222b9 ■#ac95ba ■#9f70ba ■#914aba ■#8425ba ■#7600ba

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

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

#8222b9の配色パターン

#59ba22の配色パターン

■#8222b9 ■#59ba22

トライアド配色Triads

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

#8222b9の配色パターン

#ba8222の配色パターン

#22ba82の配色パターン

■#8222b9 ■#ba8222 ■#22ba82

アナロガス配色Analogous

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

#2259baの配色パターン

#8222b9の配色パターン

#ba2259の配色パターン

■#2259ba ■#8222b9 ■#ba2259

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

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

#8222b9の配色パターン

#a6ba22の配色パターン

#22ba36の配色パターン

■#8222b9 ■#a6ba22 ■#22ba36

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

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

#8222b9の配色パターン

#ba8222の配色パターン

#59ba22の配色パターン

#2259baの配色パターン

■#8222b9 ■#ba8222 ■#59ba22 ■#2259ba

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

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

#8222b9の配色パターン

#ba3622の配色パターン

#59ba22の配色パターン

#22a6baの配色パターン

■#8222b9 ■#ba3622 ■#59ba22 ■#22a6ba

ペンタード配色Pentad

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

#8222b9の配色パターン

#ba223bの配色パターン

#b5ba22の配色パターン

#22ba45の配色パターン

#2278baの配色パターン

■#8222b9 ■#ba223b ■#b5ba22 ■#22ba45 ■#2278ba

ヘクサード配色Hexad

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

#8222b9の配色パターン

#ba2259の配色パターン

#ba8222の配色パターン

#59ba22の配色パターン

#22ba82の配色パターン

#2259baの配色パターン

■#8222b9 ■#ba2259 ■#ba8222 ■#59ba22 ■#22ba82 ■#2259ba