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

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

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

キーカラーKey Color

配色の基準となる色

#8f48f9の配色パターン

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

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

#8f48f9の配色パターン

#1d0f33の配色パターン

#3b1e66の配色パターン

#582c99の配色パターン

#753bccの配色パターン

#924affの配色パターン

■#8f48f9 ■#1d0f33 ■#3b1e66 ■#582c99 ■#753bcc ■#924aff

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

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

#8f48f9の配色パターン

#dcc8faの配色パターン

#be96faの配色パターン

#a064faの配色パターン

#8232faの配色パターン

#6400faの配色パターン

■#8f48f9 ■#dcc8fa ■#be96fa ■#a064fa ■#8232fa ■#6400fa

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

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

#8f48f9の配色パターン

#b3fa48の配色パターン

■#8f48f9 ■#b3fa48

トライアド配色Triads

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

#8f48f9の配色パターン

#fa8f48の配色パターン

#48fa8fの配色パターン

■#8f48f9 ■#fa8f48 ■#48fa8f

アナロガス配色Analogous

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

#48b3faの配色パターン

#8f48f9の配色パターン

#fa48b3の配色パターン

■#48b3fa ■#8f48f9 ■#fa48b3

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

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

#8f48f9の配色パターン

#fae848の配色パターン

#5afa48の配色パターン

■#8f48f9 ■#fae848 ■#5afa48

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

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

#8f48f9の配色パターン

#fa8f48の配色パターン

#b3fa48の配色パターン

#48b3faの配色パターン

■#8f48f9 ■#fa8f48 ■#b3fa48 ■#48b3fa

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

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

#8f48f9の配色パターン

#fa485aの配色パターン

#b3fa48の配色パターン

#48fae8の配色パターン

■#8f48f9 ■#fa485a ■#b3fa48 ■#48fae8

ペンタード配色Pentad

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

#8f48f9の配色パターン

#fa488fの配色パターン

#fad648の配色パターン

#48fa48の配色パターン

#48d6faの配色パターン

■#8f48f9 ■#fa488f ■#fad648 ■#48fa48 ■#48d6fa

ヘクサード配色Hexad

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

#8f48f9の配色パターン

#fa48b3の配色パターン

#fa8f48の配色パターン

#b3fa48の配色パターン

#48fa8fの配色パターン

#48b3faの配色パターン

■#8f48f9 ■#fa48b3 ■#fa8f48 ■#b3fa48 ■#48fa8f ■#48b3fa