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

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

#313d62の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#313d62の配色パターン

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

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

#313d62の配色パターン

#1a2033の配色パターン

#334066の配色パターン

#4d6099の配色パターン

#6680ccの配色パターン

#809fffの配色パターン

■#313d62 ■#1a2033 ■#334066 ■#4d6099 ■#6680cc ■#809fff

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

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

#313d62の配色パターン

#4e5261の配色パターン

#3a4461の配色パターン

#273561の配色パターン

#132761の配色パターン

#001861の配色パターン

■#313d62 ■#4e5261 ■#3a4461 ■#273561 ■#132761 ■#001861

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

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

#313d62の配色パターン

#615530の配色パターン

■#313d62 ■#615530

トライアド配色Triads

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

#313d62の配色パターン

#61303dの配色パターン

#3d6130の配色パターン

■#313d62 ■#61303d ■#3d6130

アナロガス配色Analogous

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

#306155の配色パターン

#313d62の配色パターン

#553061の配色パターン

■#306155 ■#313d62 ■#553061

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

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

#313d62の配色パターン

#613d30の配色パターン

#556130の配色パターン

■#313d62 ■#613d30 ■#556130

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

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

#313d62の配色パターン

#61303dの配色パターン

#615530の配色パターン

#306155の配色パターン

■#313d62 ■#61303d ■#615530 ■#306155

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

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

#313d62の配色パターン

#613055の配色パターン

#615530の配色パターン

#30613dの配色パターン

■#313d62 ■#613055 ■#615530 ■#30613d

ペンタード配色Pentad

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

#313d62の配色パターン

#5e3061の配色パターン

#613830の配色パターン

#506130の配色パターン

#30614bの配色パターン

■#313d62 ■#5e3061 ■#613830 ■#506130 ■#30614b

ヘクサード配色Hexad

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

#313d62の配色パターン

#553061の配色パターン

#61303dの配色パターン

#615530の配色パターン

#3d6130の配色パターン

#306155の配色パターン

■#313d62 ■#553061 ■#61303d ■#615530 ■#3d6130 ■#306155