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

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

#5b5390の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#5b5390の配色パターン

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

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

#5b5390の配色パターン

#201e33の配色パターン

#413b66の配色パターン

#615999の配色パターン

#8276ccの配色パターン

#a294ffの配色パターン

■#5b5390 ■#201e33 ■#413b66 ■#615999 ■#8276cc ■#a294ff

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

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

#5b5390の配色パターン

#76728fの配色パターン

#5d568fの配色パターン

#45398fの配色パターン

#2c1d8fの配色パターン

#13008fの配色パターン

■#5b5390 ■#76728f ■#5d568f ■#45398f ■#2c1d8f ■#13008f

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

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

#5b5390の配色パターン

#878f53の配色パターン

■#5b5390 ■#878f53

トライアド配色Triads

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

#5b5390の配色パターン

#8f5b53の配色パターン

#538f5bの配色パターン

■#5b5390 ■#8f5b53 ■#538f5b

アナロガス配色Analogous

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

#53878fの配色パターン

#5b5390の配色パターン

#8f5387の配色パターン

■#53878f ■#5b5390 ■#8f5387

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

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

#5b5390の配色パターン

#8f7953の配色パターン

#698f53の配色パターン

■#5b5390 ■#8f7953 ■#698f53

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

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

#5b5390の配色パターン

#8f5b53の配色パターン

#878f53の配色パターン

#53878fの配色パターン

■#5b5390 ■#8f5b53 ■#878f53 ■#53878f

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

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

#5b5390の配色パターン

#8f5369の配色パターン

#878f53の配色パターン

#538f79の配色パターン

■#5b5390 ■#8f5369 ■#878f53 ■#538f79

ペンタード配色Pentad

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

#5b5390の配色パターン

#8f537bの配色パターン

#8f7353の配色パターン

#638f53の配色パターン

#538f8bの配色パターン

■#5b5390 ■#8f537b ■#8f7353 ■#638f53 ■#538f8b

ヘクサード配色Hexad

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

#5b5390の配色パターン

#8f5387の配色パターン

#8f5b53の配色パターン

#878f53の配色パターン

#538f5bの配色パターン

#53878fの配色パターン

■#5b5390 ■#8f5387 ■#8f5b53 ■#878f53 ■#538f5b ■#53878f