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

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

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

キーカラーKey Color

配色の基準となる色

#f5848fの配色パターン

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

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

#f5848fの配色パターン

#331c1eの配色パターン

#66373cの配色パターン

#99535aの配色パターン

#cc6e78の配色パターン

#ff8a95の配色パターン

■#f5848f ■#331c1e ■#66373c ■#99535a ■#cc6e78 ■#ff8a95

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

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

#f5848fの配色パターン

#f5c4c9の配色パターン

#f5939dの配色パターン

#f56271の配色パターン

#f53145の配色パターン

#f50018の配色パターン

■#f5848f ■#f5c4c9 ■#f5939d ■#f56271 ■#f53145 ■#f50018

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

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

#f5848fの配色パターン

#84f5eaの配色パターン

■#f5848f ■#84f5ea

トライアド配色Triads

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

#f5848fの配色パターン

#8ff584の配色パターン

#848ff5の配色パターン

■#f5848f ■#8ff584 ■#848ff5

アナロガス配色Analogous

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

#ea84f5の配色パターン

#f5848fの配色パターン

#f5ea84の配色パターン

■#ea84f5 ■#f5848f ■#f5ea84

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

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

#f5848fの配色パターン

#84f5b1の配色パターン

#84c8f5の配色パターン

■#f5848f ■#84f5b1 ■#84c8f5

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

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

#f5848fの配色パターン

#8ff584の配色パターン

#84f5eaの配色パターン

#ea84f5の配色パターン

■#f5848f ■#8ff584 ■#84f5ea ■#ea84f5

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

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

#f5848fの配色パターン

#c8f584の配色パターン

#84f5eaの配色パターン

#b184f5の配色パターン

■#f5848f ■#c8f584 ■#84f5ea ■#b184f5

ペンタード配色Pentad

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

#f5848fの配色パターン

#eaf584の配色パターン

#84f5a6の配色パターン

#84bcf5の配色パターン

#d384f5の配色パターン

■#f5848f ■#eaf584 ■#84f5a6 ■#84bcf5 ■#d384f5

ヘクサード配色Hexad

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

#f5848fの配色パターン

#f5ea84の配色パターン

#8ff584の配色パターン

#84f5eaの配色パターン

#848ff5の配色パターン

#ea84f5の配色パターン

■#f5848f ■#f5ea84 ■#8ff584 ■#84f5ea ■#848ff5 ■#ea84f5