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

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

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

キーカラーKey Color

配色の基準となる色

#5816a5の配色パターン

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

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

#5816a5の配色パターン

#1b0733の配色パターン

#370d66の配色パターン

#521499の配色パターン

#6d1bccの配色パターン

#8921ffの配色パターン

■#5816a5 ■#1b0733 ■#370d66 ■#521499 ■#6d1bcc ■#8921ff

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

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

#5816a5の配色パターン

#9485a6の配色パターン

#8263a6の配色パターン

#7142a6の配色パターン

#5f21a6の配色パターン

#4d00a6の配色パターン

■#5816a5 ■#9485a6 ■#8263a6 ■#7142a6 ■#5f21a6 ■#4d00a6

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

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

#5816a5の配色パターン

#62a616の配色パターン

■#5816a5 ■#62a616

トライアド配色Triads

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

#5816a5の配色パターン

#a65916の配色パターン

#16a659の配色パターン

■#5816a5 ■#a65916 ■#16a659

アナロガス配色Analogous

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

#1662a6の配色パターン

#5816a5の配色パターン

#a61662の配色パターン

■#1662a6 ■#5816a5 ■#a61662

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

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

#5816a5の配色パターン

#a6a116の配色パターン

#1aa616の配色パターン

■#5816a5 ■#a6a116 ■#1aa616

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

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

#5816a5の配色パターン

#a65916の配色パターン

#62a616の配色パターン

#1662a6の配色パターン

■#5816a5 ■#a65916 ■#62a616 ■#1662a6

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

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

#5816a5の配色パターン

#a6161aの配色パターン

#62a616の配色パターン

#16a6a1の配色パターン

■#5816a5 ■#a6161a ■#62a616 ■#16a6a1

ペンタード配色Pentad

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

#5816a5の配色パターン

#a61646の配色パターン

#a69316の配色パターン

#16a61fの配色パターン

#167fa6の配色パターン

■#5816a5 ■#a61646 ■#a69316 ■#16a61f ■#167fa6

ヘクサード配色Hexad

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

#5816a5の配色パターン

#a61662の配色パターン

#a65916の配色パターン

#62a616の配色パターン

#16a659の配色パターン

#1662a6の配色パターン

■#5816a5 ■#a61662 ■#a65916 ■#62a616 ■#16a659 ■#1662a6