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

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

#1f2757の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#1f2757の配色パターン

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

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

#1f2757の配色パターン

#121733の配色パターン

#252f66の配色パターン

#374699の配色パターン

#495dccの配色パターン

#5c74ffの配色パターン

■#1f2757 ■#121733 ■#252f66 ■#374699 ■#495dcc ■#5c74ff

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

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

#1f2757の配色パターン

#454857の配色パターン

#343957の配色パターン

#232a57の配色パターン

#111c57の配色パターン

#000d57の配色パターン

■#1f2757 ■#454857 ■#343957 ■#232a57 ■#111c57 ■#000d57

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

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

#1f2757の配色パターン

#574e1fの配色パターン

■#1f2757 ■#574e1f

トライアド配色Triads

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

#1f2757の配色パターン

#571f28の配色パターン

#28571fの配色パターン

■#1f2757 ■#571f28 ■#28571f

アナロガス配色Analogous

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

#1f574eの配色パターン

#1f2757の配色パターン

#4e1f57の配色パターン

■#1f574e ■#1f2757 ■#4e1f57

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

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

#1f2757の配色パターン

#57331fの配色パターン

#43571fの配色パターン

■#1f2757 ■#57331f ■#43571f

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

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

#1f2757の配色パターン

#571f28の配色パターン

#574e1fの配色パターン

#1f574eの配色パターン

■#1f2757 ■#571f28 ■#574e1f ■#1f574e

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

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

#1f2757の配色パターン

#571f43の配色パターン

#574e1fの配色パターン

#1f5733の配色パターン

■#1f2757 ■#571f43 ■#574e1f ■#1f5733

ペンタード配色Pentad

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

#1f2757の配色パターン

#571f54の配色パターン

#572d1fの配色パターン

#3e571fの配色パターン

#1f5743の配色パターン

■#1f2757 ■#571f54 ■#572d1f ■#3e571f ■#1f5743

ヘクサード配色Hexad

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

#1f2757の配色パターン

#4e1f57の配色パターン

#571f28の配色パターン

#574e1fの配色パターン

#28571fの配色パターン

#1f574eの配色パターン

■#1f2757 ■#4e1f57 ■#571f28 ■#574e1f ■#28571f ■#1f574e