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

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

#5024e0の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#5024e0の配色パターン

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

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

#5024e0の配色パターン

#120833の配色パターン

#241066の配色パターン

#361899の配色パターン

#4921ccの配色パターン

#5b29ffの配色パターン

■#5024e0 ■#120833 ■#241066 ■#361899 ■#4921cc ■#5b29ff

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

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

#5024e0の配色パターン

#beb4e0の配色パターン

#9c87e0の配色パターン

#795ae0の配色パターン

#572de0の配色パターン

#3400e0の配色パターン

■#5024e0 ■#beb4e0 ■#9c87e0 ■#795ae0 ■#572de0 ■#3400e0

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

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

#5024e0の配色パターン

#b4e024の配色パターン

■#5024e0 ■#b4e024

トライアド配色Triads

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

#5024e0の配色パターン

#e05024の配色パターン

#24e050の配色パターン

■#5024e0 ■#e05024 ■#24e050

アナロガス配色Analogous

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

#24b4e0の配色パターン

#5024e0の配色パターン

#e024b4の配色パターン

■#24b4e0 ■#5024e0 ■#e024b4

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

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

#5024e0の配色パターン

#e0ae24の配色パターン

#56e024の配色パターン

■#5024e0 ■#e0ae24 ■#56e024

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

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

#5024e0の配色パターン

#e05024の配色パターン

#b4e024の配色パターン

#24b4e0の配色パターン

■#5024e0 ■#e05024 ■#b4e024 ■#24b4e0

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

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

#5024e0の配色パターン

#e02456の配色パターン

#b4e024の配色パターン

#24e0aeの配色パターン

■#5024e0 ■#e02456 ■#b4e024 ■#24e0ae

ペンタード配色Pentad

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

#5024e0の配色パターン

#e0248fの配色パターン

#e09b24の配色パターン

#43e024の配色パターン

#24dae0の配色パターン

■#5024e0 ■#e0248f ■#e09b24 ■#43e024 ■#24dae0

ヘクサード配色Hexad

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

#5024e0の配色パターン

#e024b4の配色パターン

#e05024の配色パターン

#b4e024の配色パターン

#24e050の配色パターン

#24b4e0の配色パターン

■#5024e0 ■#e024b4 ■#e05024 ■#b4e024 ■#24e050 ■#24b4e0