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

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

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

キーカラーKey Color

配色の基準となる色

#f50aa6の配色パターン

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

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

#f50aa6の配色パターン

#330223の配色パターン

#660445の配色パターン

#990668の配色パターン

#cc088bの配色パターン

#ff0aadの配色パターン

■#f50aa6 ■#330223 ■#660445 ■#990668 ■#cc088b ■#ff0aad

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

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

#f50aa6の配色パターン

#f5c4e4の配色パターン

#f593d4の配色パターン

#f562c4の配色パターン

#f531b4の配色パターン

#f500a3の配色パターン

■#f50aa6 ■#f5c4e4 ■#f593d4 ■#f562c4 ■#f531b4 ■#f500a3

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

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

#f50aa6の配色パターン

#0af558の配色パターン

■#f50aa6 ■#0af558

トライアド配色Triads

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

#f50aa6の配色パターン

#a6f50aの配色パターン

#0aa6f5の配色パターン

■#f50aa6 ■#a6f50a ■#0aa6f5

アナロガス配色Analogous

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

#580af5の配色パターン

#f50aa6の配色パターン

#f5580aの配色パターン

■#580af5 ■#f50aa6 ■#f5580a

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

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

#f50aa6の配色パターン

#31f50aの配色パターン

#0af5ceの配色パターン

■#f50aa6 ■#31f50a ■#0af5ce

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

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

#f50aa6の配色パターン

#a6f50aの配色パターン

#0af558の配色パターン

#580af5の配色パターン

■#f50aa6 ■#a6f50a ■#0af558 ■#580af5

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

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

#f50aa6の配色パターン

#f5ce0aの配色パターン

#0af558の配色パターン

#0a31f5の配色パターン

■#f50aa6 ■#f5ce0a ■#0af558 ■#0a31f5

ペンタード配色Pentad

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

#f50aa6の配色パターン

#f5870aの配色パターン

#48f50aの配色パターン

#0af5e5の配色パターン

#290af5の配色パターン

■#f50aa6 ■#f5870a ■#48f50a ■#0af5e5 ■#290af5

ヘクサード配色Hexad

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

#f50aa6の配色パターン

#f5580aの配色パターン

#a6f50aの配色パターン

#0af558の配色パターン

#0aa6f5の配色パターン

#580af5の配色パターン

■#f50aa6 ■#f5580a ■#a6f50a ■#0af558 ■#0aa6f5 ■#580af5