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

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

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

キーカラーKey Color

配色の基準となる色

#f2616fの配色パターン

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

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

#f2616fの配色パターン

#331417の配色パターン

#66292fの配色パターン

#993d46の配色パターン

#cc525eの配色パターン

#ff6675の配色パターン

■#f2616f ■#331417 ■#66292f ■#993d46 ■#cc525e ■#ff6675

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

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

#f2616fの配色パターン

#f2c2c7の配色パターン

#f2919bの配色パターン

#f2616fの配色パターン

#f23044の配色パターン

#f20018の配色パターン

■#f2616f ■#f2c2c7 ■#f2919b ■#f2616f ■#f23044 ■#f20018

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

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

#f2616fの配色パターン

#61f2e4の配色パターン

■#f2616f ■#61f2e4

トライアド配色Triads

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

#f2616fの配色パターン

#6ff261の配色パターン

#616ff2の配色パターン

■#f2616f ■#6ff261 ■#616ff2

アナロガス配色Analogous

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

#e461f2の配色パターン

#f2616fの配色パターン

#f2e461の配色パターン

■#e461f2 ■#f2616f ■#f2e461

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

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

#f2616fの配色パターン

#61f29bの配色パターン

#61b8f2の配色パターン

■#f2616f ■#61f29b ■#61b8f2

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

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

#f2616fの配色パターン

#6ff261の配色パターン

#61f2e4の配色パターン

#e461f2の配色パターン

■#f2616f ■#6ff261 ■#61f2e4 ■#e461f2

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

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

#f2616fの配色パターン

#b8f261の配色パターン

#61f2e4の配色パターン

#9b61f2の配色パターン

■#f2616f ■#b8f261 ■#61f2e4 ■#9b61f2

ペンタード配色Pentad

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

#f2616fの配色パターン

#e4f261の配色パターン

#61f28dの配色パターン

#61aaf2の配色パターン

#c761f2の配色パターン

■#f2616f ■#e4f261 ■#61f28d ■#61aaf2 ■#c761f2

ヘクサード配色Hexad

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

#f2616fの配色パターン

#f2e461の配色パターン

#6ff261の配色パターン

#61f2e4の配色パターン

#616ff2の配色パターン

#e461f2の配色パターン

■#f2616f ■#f2e461 ■#6ff261 ■#61f2e4 ■#616ff2 ■#e461f2