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

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

#3b3351の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#3b3351の配色パターン

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

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

#3b3351の配色パターン

#252033の配色パターン

#4a4066の配色パターン

#6f6099の配色パターン

#9581ccの配色パターン

#baa1ffの配色パターン

■#3b3351 ■#252033 ■#4a4066 ■#6f6099 ■#9581cc ■#baa1ff

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

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

#3b3351の配色パターン

#464152の配色パターン

#3a3152の配色パターン

#2e2152の配色パターン

#221052の配色パターン

#160052の配色パターン

■#3b3351 ■#464152 ■#3a3152 ■#2e2152 ■#221052 ■#160052

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

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

#3b3351の配色パターン

#4a5233の配色パターン

■#3b3351 ■#4a5233

トライアド配色Triads

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

#3b3351の配色パターン

#523b33の配色パターン

#33523bの配色パターン

■#3b3351 ■#523b33 ■#33523b

アナロガス配色Analogous

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

#334a52の配色パターン

#3b3351の配色パターン

#52334aの配色パターン

■#334a52 ■#3b3351 ■#52334a

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

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

#3b3351の配色パターン

#524b33の配色パターン

#3a5233の配色パターン

■#3b3351 ■#524b33 ■#3a5233

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

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

#3b3351の配色パターン

#523b33の配色パターン

#4a5233の配色パターン

#334a52の配色パターン

■#3b3351 ■#523b33 ■#4a5233 ■#334a52

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

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

#3b3351の配色パターン

#52333aの配色パターン

#4a5233の配色パターン

#33524bの配色パターン

■#3b3351 ■#52333a ■#4a5233 ■#33524b

ペンタード配色Pentad

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

#3b3351の配色パターン

#523344の配色パターン

#524833の配色パターン

#375233の配色パターン

#335052の配色パターン

■#3b3351 ■#523344 ■#524833 ■#375233 ■#335052

ヘクサード配色Hexad

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

#3b3351の配色パターン

#52334aの配色パターン

#523b33の配色パターン

#4a5233の配色パターン

#33523bの配色パターン

#334a52の配色パターン

■#3b3351 ■#52334a ■#523b33 ■#4a5233 ■#33523b ■#334a52