青と水色の違い|明るさ・色相・代表的な色を比較に関係する色を使ったアイキャッチ

青と水色の違い|明るさ・色相・代表的な色を比較

青と水色は同じ青系ですが、色しるべでは青 #006AB6、水色 #9DCCE0。青は濃く鮮やかで、水色は明るく淡い色です。色味・明るさ・使い分けを比較します。

色の比較・違い

はじめて読む方へ|まず知っておきたい基本

この記事で出てくる基本用語を先に確認します。ここだけ押さえておけば、専門知識がなくても本文を読み進められます。

色相とは

色相は、赤・黄・緑・青・紫といった「色みの種類」を表す属性です。

青と水色はどちらも青系ですが、見た目の印象はかなり違います。青は濃く鮮やか、水色は明るく淡いのが大きな違いです。

まず結論

色しるべの正本値では、青は #006AB6、水色は #9DCCE0。水色の方が明度が高く、白に近い軽やかな青です。

この記事の色

記事テーマを視覚的に理解するための色見本です。概念に固定の公式色がない場合は教材表示として扱います。

← 左右にスライドできます →
教材色 1#3F6682
教材色 2#DDB04F
教材色 3#70A477
教材色 4#C96567
教材色 5#7862A1

青と水色を比較

項目 青 水色
代表HEX #006AB6 #9DCCE0
明るさ 中程度 高い
鮮やかさ 強い 柔らかい
印象 信頼、冷静、力強さ 爽やか、清潔、軽やか

青とは?

青は、空や海を連想する代表的な有彩色で、WebやUIでは信頼感・清涼感を出す色としてよく使われます。

水色とは?

水色は、青を明るく淡くしたような色域です。白に近いため、青よりも軽く柔らかく見えます。

デザインでの使い分け

  • 強い主役色・リンク・CTA → 青
  • 背景・補助色・爽やかさ → 水色
  • 信頼感を強めたい → 青
  • 柔らかく親しみやすくしたい → 水色

よくある質問

水色は青の一種ですか?

広い意味では青系の明るい色です。ただし色しるべでは別の正本色として管理しています。

青と水色はどちらが明るいですか?

色しるべの代表値では水色 #9DCCE0 の方が青 #006AB6 より明るいです。