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

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

#2338c9の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#2338c9の配色パターン

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

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

#2338c9の配色パターン

#090e33の配色パターン

#111d66の配色パターン

#1a2b99の配色パターン

#2339ccの配色パターン

#2b48ffの配色パターン

■#2338c9 ■#090e33 ■#111d66 ■#1a2b99 ■#2339cc ■#2b48ff

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

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

#2338c9の配色パターン

#a1a7c9の配色パターン

#7984c9の配色パターン

#5161c9の配色パターン

#283ec9の配色パターン

#001bc9の配色パターン

■#2338c9 ■#a1a7c9 ■#7984c9 ■#5161c9 ■#283ec9 ■#001bc9

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

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

#2338c9の配色パターン

#c9b322の配色パターン

■#2338c9 ■#c9b322

トライアド配色Triads

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

#2338c9の配色パターン

#c92239の配色パターン

#39c922の配色パターン

■#2338c9 ■#c92239 ■#39c922

アナロガス配色Analogous

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

#22c9b3の配色パターン

#2338c9の配色パターン

#b322c9の配色パターン

■#22c9b3 ■#2338c9 ■#b322c9

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

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

#2338c9の配色パターン

#c96022の配色パターン

#8cc922の配色パターン

■#2338c9 ■#c96022 ■#8cc922

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

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

#2338c9の配色パターン

#c92239の配色パターン

#c9b322の配色パターン

#22c9b3の配色パターン

■#2338c9 ■#c92239 ■#c9b322 ■#22c9b3

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

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

#2338c9の配色パターン

#c9228cの配色パターン

#c9b322の配色パターン

#22c960の配色パターン

■#2338c9 ■#c9228c ■#c9b322 ■#22c960

ペンタード配色Pentad

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

#2338c9の配色パターン

#c922beの配色パターン

#c94f22の配色パターン

#7bc922の配色パターン

#22c992の配色パターン

■#2338c9 ■#c922be ■#c94f22 ■#7bc922 ■#22c992

ヘクサード配色Hexad

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

#2338c9の配色パターン

#b322c9の配色パターン

#c92239の配色パターン

#c9b322の配色パターン

#39c922の配色パターン

#22c9b3の配色パターン

■#2338c9 ■#b322c9 ■#c92239 ■#c9b322 ■#39c922 ■#22c9b3