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

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

#4185f3の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#4185f3の配色パターン

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

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

#4185f3の配色パターン

#0e1c33の配色パターン

#1c3866の配色パターン

#295499の配色パターン

#3770ccの配色パターン

#458cffの配色パターン

■#4185f3 ■#0e1c33 ■#1c3866 ■#295499 ■#3770cc ■#458cff

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

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

#4185f3の配色パターン

#c2d4f2の配色パターン

#91b6f2の配色パターン

#6199f2の配色パターン

#307bf2の配色パターン

#005df2の配色パターン

■#4185f3 ■#c2d4f2 ■#91b6f2 ■#6199f2 ■#307bf2 ■#005df2

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

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

#4185f3の配色パターン

#f2ae41の配色パターン

■#4185f3 ■#f2ae41

トライアド配色Triads

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

#4185f3の配色パターン

#f24185の配色パターン

#85f241の配色パターン

■#4185f3 ■#f24185 ■#85f241

アナロガス配色Analogous

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

#41f2aeの配色パターン

#4185f3の配色パターン

#ae41f2の配色パターン

■#41f2ae ■#4185f3 ■#ae41f2

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

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

#4185f3の配色パターン

#f25641の配色パターン

#def241の配色パターン

■#4185f3 ■#f25641 ■#def241

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

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

#4185f3の配色パターン

#f24185の配色パターン

#f2ae41の配色パターン

#41f2aeの配色パターン

■#4185f3 ■#f24185 ■#f2ae41 ■#41f2ae

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

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

#4185f3の配色パターン

#f241deの配色パターン

#f2ae41の配色パターン

#41f256の配色パターン

■#4185f3 ■#f241de ■#f2ae41 ■#41f256

ペンタード配色Pentad

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

#4185f3の配色パターン

#d241f2の配色パターン

#f24441の配色パターン

#ccf241の配色パターン

#41f28bの配色パターン

■#4185f3 ■#d241f2 ■#f24441 ■#ccf241 ■#41f28b

ヘクサード配色Hexad

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

#4185f3の配色パターン

#ae41f2の配色パターン

#f24185の配色パターン

#f2ae41の配色パターン

#85f241の配色パターン

#41f2aeの配色パターン

■#4185f3 ■#ae41f2 ■#f24185 ■#f2ae41 ■#85f241 ■#41f2ae