■色の組合せ(笑)


色の組合せ（ふりーぺ編）

ふりーぺで選択できる色は全部で20種類あり、背景色と文字色の組合せは20×20−20＝380（同色の組合せ20を抜く）パターンになります。ここでは、その380パターンの中から『特に文字が読みやすい組合せ』と『特に文字が読みづらい組合せ』を紹介したいと思います。全てのパターンをチェックするのは大変でした(;^_^A 参考にしていただけると嬉しいです。

◆読みやすさ…一般的に、コントラストが高く色の差が大きい程読みやすいと感じます。

●ふりーぺで選択できる色
#ffffff□白
#000000■黒
#ff0000■赤
#0000ff■青
#008000■緑
#ffff00■黄色
#ff55cc■ピンク
#ff33ff■紫
#44ffff■水色
#880000■茶色
#c0c0c0■グレー
#ff8888■薄赤
#0088ff■薄青
#00ff00■薄緑
#ffffc0■薄黄色
#ffbbdd■薄ピンク
#ffaaff■薄紫
#c0ffff■薄水色
#c08080■薄茶色
#dddddd■薄グレー

●色の組合せ≪特に良い例≫

♪♪♪

♪♪♪♪♪♪♪♪♪♪

♪♪

♪♪♪

♪♪♪

♪♪

♪

♪♪♪♪♪♪

♪

♪♪♪

♪

♪

♪♪

♪

↓（）内は他に推奨できる色です
▼白に合う色
⇒黒、青、茶色（赤、緑）
▼黒に合う色
⇒白、黄色、水色、グレー、薄赤、薄黄色、薄ピンク、薄紫、薄水色、薄グレー（ピンク、紫）
▼赤に合う色
⇒白、薄水色
▼青に合う色
⇒白、黄色、薄黄色（薄赤）
▼緑に合う色
⇒白、薄黄色、薄水色（薄ピンク、薄紫、薄グレー）
▼黄色に合う色
⇒黒、青
▼ピンクに合う色
⇒該当なし（黒）
▼紫に合う色
⇒該当なし（黒）
▼水色に合う色
⇒黒（茶色）
▼茶色に合う色
⇒白、薄黄色、薄ピンク、薄紫、薄水色、薄グレー（水色）
▼グレーに合う色
⇒黒
▼薄赤に合う色
⇒該当なし（黒、青）
▼薄青に合う色
⇒該当なし
▼薄緑に合う色
⇒該当なし
▼薄黄色に合う色
⇒黒、青、茶色（緑）
▼薄ピンクに合う色
⇒黒（緑、茶色）
▼薄紫に合う色
⇒黒（緑、茶色）
▼薄水色に合う色
⇒黒、茶色（赤、緑）
▼薄茶色に合う色
⇒該当なし
▼薄グレーに合う色
⇒黒（緑、茶色）

⇒良くない組合せ

---

個人でネットショップ始めるなら『無料お試し期間30日』がある カラーミーショップ

[戻] [無料HP作成]