青と水色の違い|明るさ・色相・代表的な色を比較
青と水色は同じ青系ですが、色しるべでは青 #006AB6、水色 #9DCCE0。青は濃く鮮やかで、水色は明るく淡い色です。色味・明るさ・使い分けを比較します。
色の比較・違い
はじめて読む方へ|まず知っておきたい基本
この記事で出てくる基本用語を先に確認します。ここだけ押さえておけば、専門知識がなくても本文を読み進められます。
色相とは
色相は、赤・黄・緑・青・紫といった「色みの種類」を表す属性です。
青と水色はどちらも青系ですが、見た目の印象はかなり違います。青は濃く鮮やか、水色は明るく淡いのが大きな違いです。
まず結論
色しるべの正本値では、青は #006AB6、水色は #9DCCE0。水色の方が明度が高く、白に近い軽やかな青です。
この記事の色
記事テーマを視覚的に理解するための色見本です。概念に固定の公式色がない場合は教材表示として扱います。
← 左右にスライドできます →
教材色 1
#3F6682教材色 2
#DDB04F教材色 3
#70A477教材色 4
#C96567教材色 5
#7862A1青と水色を比較
| 項目 | 青 | 水色 |
|---|---|---|
| 代表HEX | #006AB6 | #9DCCE0 |
| 明るさ | 中程度 | 高い |
| 鮮やかさ | 強い | 柔らかい |
| 印象 | 信頼、冷静、力強さ | 爽やか、清潔、軽やか |
青とは?
青は、空や海を連想する代表的な有彩色で、WebやUIでは信頼感・清涼感を出す色としてよく使われます。
水色とは?
水色は、青を明るく淡くしたような色域です。白に近いため、青よりも軽く柔らかく見えます。
デザインでの使い分け
- 強い主役色・リンク・CTA → 青
- 背景・補助色・爽やかさ → 水色
- 信頼感を強めたい → 青
- 柔らかく親しみやすくしたい → 水色
よくある質問
水色は青の一種ですか?
広い意味では青系の明るい色です。ただし色しるべでは別の正本色として管理しています。
青と水色はどちらが明るいですか?
色しるべの代表値では水色 #9DCCE0 の方が青 #006AB6 より明るいです。












コメントを残す