青の種類一覧2026｜水色・空色・藍色・紺色の違いとカラーコードを徹底解説

青には、水面のように淡い水色から、晴れた空を思わせる空色、伝統的な藍色、深みのある紺色まで、さまざまな種類があります。同じ青系統でも、明るさや鮮やかさ、緑や紫の混ざり方によって印象は大きく変わります。Webサイトやイラスト、ファッション、インテリアで青を選ぶときは、色の名前だけでなく、実際の色見本やカラーコードを比較することが大切です。

2026年の色選びにも役立つよう、代表的な青色の名前一覧、日本の伝統色、HEX・RGB値、水色と空色の違い、藍色と紺色の見分け方を整理しました。さらに、青系統の配色パターンや英語名、用途別の使い分けまで解説します。色名のイメージだけで選ぶのではなく、目的に合った青を具体的に選べるようにしましょう。

📌 【この記事の重要ポイントまとめ】

• 要点1：青には水色・空色・浅葱色・瑠璃色・群青色・藍色・紺色などがあり、明度・彩度・色相で見分けられます。
• 要点2：水色は淡くやわらかな印象、空色は澄んだ空のような印象、藍色は染め色らしい深み、紺色は落ち着きと重厚感が特徴です。
• 要点3：カラーコードは色を数値で指定するための目安です。伝統色のHEX・RGB値は資料によって異なる場合があり、用途に合わせた確認が欠かせません。

【青色の基本】青の種類は何種類？色味を見分ける3つのポイント

青の種類を数えるとき、最初に押さえておきたいのが、青色の名前に世界共通の単一の総数があるわけではないという点です。日本の伝統色、絵の具や染色の色名、英語圏の色名、Webデザインで使われる標準色では、それぞれ分類方法が異なります。

日本の伝統色だけを見ても、藍色、縹色、浅葱色、群青色、瑠璃色、紺青、鉄紺など、多彩な名前が存在します。日本の伝統色を紹介する色彩図鑑「I-IRO」でも、青系統は明るさや色相の違い、由来などによって細かく分類されています。

青色の違いを理解するには、次の3つの要素を確認すると判断しやすくなります。

• 明度：色の明るさ。明度が高い青は水色や淡い空色に近く、低い青は紺色や濃藍のような印象になります。
• 彩度：色の鮮やかさ。彩度が高い青は鮮烈で目を引き、低い青は落ち着いた印象や、灰色がかった穏やかな印象になります。
• 色相：青がどちらの方向に寄っているか。緑みのある青、紫みのある青、澄んだ青などの違いを生みます。

例えば、同じ明るい青でも、緑みを帯びれば水色や浅葱色に近い印象になり、紫みが加わると瑠璃色や群青色のような印象になります。さらに黒みが増すと、藍色や紺色のような深い青に近づきます。

なお、色名だけで実際の色を完全に特定できるとは限りません。特に伝統色は、染料や顔料、時代、資料によって色の解釈が異なる場合があります。色名は分類の手がかりとして使い、最終的には色見本と数値を組み合わせて判断するのが実用的です。

【青の種類一覧】色見本・カラーコード・RGB値を比較

代表的な青系統の色を、色見本とカラーコードで比較します。下表の伝統色の数値は、Web上の和色見本で使われる代表値です。特定の伝統色に唯一の公式HEX値が定められているとは限らないため、染色見本や印刷物で使用する場合は、目的に応じて調整してください。

表に掲載したHEX値とRGB値は、色をデジタル上で再現するための具体的な目安です。日本の伝統色については、和色大辞典や日本の色彩図鑑などで採用される値を参考にしています。一方、スカイブルーやネイビーの値は、W3CのCSS Color Moduleで定義されたWeb標準の色名に対応します。

ここで注意したいのは、同じ「青」という言葉でも、一般的な色名、伝統色名、CSSの色名では意味が一致しないことです。例えば、日本の伝統色としての青の代表値と、CSSで指定するblueの数値は異なります。Web制作では、色名のイメージだけに頼らず、必ずHEX値やRGB値を指定することで、デザインの再現性を高められます。

カラーコードの読み方：HEXは「#RRGGBB」の形式で表し、RGBは赤・緑・青の各成分を0〜255の数値で示します。例えば、#165E83はRGB（22, 94, 131）です。3つの数値の組み合わせによって、青の明るさや色味を細かく調整できます。

【水色と空色・藍色と紺色の違い】迷いやすい4色を見分ける

青色の名前のなかでも、検索されやすいのが「水色と空色の違い」「藍色と紺色の違い」です。どちらも似た色に見えることがありますが、色味の方向性や名前の背景を押さえると、使い分けやすくなります。

水色と空色の違い

水色は淡く、やわらかな印象を持つ青系統の色です。透明な水や浅い水面を連想させ、白に近い明るさや、わずかな緑みを感じる色として表現されることがあります。ベビー用品、春夏の衣服、軽やかなWebデザインなどに向いています。

空色は、晴れた空を思わせる明るい青です。水色よりも青らしさや澄んだ印象を強調したい場合に使いやすく、旅行、航空、自然、開放感をテーマにしたデザインとも相性がよい色です。

ただし、水色と空色の境界に厳密な線引きがあるわけではありません。実際の色見本では、空色のほうが明るい場合もあれば、水色のほうが青みの強い場合もあります。名称だけで優劣や明るさを決めつけず、色見本を並べて確認するのが確実です。

藍色と紺色の違い

藍色は、藍染めに由来する深い青をイメージさせる色名です。代表的なWeb色見本では#165E83が使われ、青に緑みが感じられる、落ち着いた色調として表現されます。日本の染色文化と結びついた色であり、伝統や手仕事、自然素材を思わせるデザインにも適しています。

紺色は、暗く濃い青を指す色名です。代表的な和色見本の#223A70では、藍色と比べて暗く、青紫みを感じる色調になっています。制服、ビジネスウェア、企業ロゴ、フォーマルな資料など、信頼感や安定感を演出したい場面で使いやすい色です。

両者の違いは、単に濃いか薄いかだけではありません。藍色は染めの文化や青緑寄りの深み、紺色は暗さや引き締まった印象を手がかりにすると区別しやすくなります。ただし、藍色にも濃淡があり、紺色にも青みや紫みの差があるため、色名だけで完全に判別できるわけではありません。

なお、藍色は英語でindigoと訳されることがありますが、英語のindigoと日本の伝統色としての藍色が、常に同じ色を示すわけではありません。翻訳やデザインの指定では、色名とともに具体的な色コードを共有すると誤解を減らせます。

【日本の伝統色】浅葱色・群青色・瑠璃色など青系統の名前

日本の伝統色には、自然、植物、鉱物、染色技法、衣服の文化などに結びついた青色の名前が数多くあります。現代のデザインでも、一般的な「ブルー」だけでは表現しにくい繊細な印象を伝える際に役立ちます。

浅葱色（あさぎいろ）

浅葱色は、緑みを含んだ明るく鮮やかな青系統の色です。伝統色の色見本では#00A3AFが代表値の一例です。水色よりも青緑寄りの印象を作りたい場合に適しており、和風の装飾や自然をテーマにしたデザイン、爽やかなアクセントカラーにも使えます。

群青色（ぐんじょういろ）

群青色は、鉱物由来の顔料や日本画の岩絵具とも関係の深い青色です。伝統色の色見本では#4C6CB3が一例として挙げられます。一般的な明るい青よりも深みや紫みを感じさせ、絵画、和装、工芸、印象的なビジュアル表現などに向いています。

瑠璃色（るりいろ）

瑠璃色は、瑠璃と呼ばれる宝石や鉱物を連想させる、深く鮮やかな青です。代表的な色見本の一例は#1E50A2です。澄んだ青の存在感があり、宝飾品のデザインや高級感を演出したいブランド表現にも使いやすい色です。

縹色（はなだいろ）

縹色は、古くから使われてきた青の色名です。伝統色の分類では、しっかりとした青として紹介されます。代表値の一例は#2B618Dで、落ち着きと鮮やかさのバランスを取りたい場合に適しています。

そのほかに覚えておきたい青の名前

• 瓶覗き（かめのぞき）：藍染めに関連する、淡くやわらかな青。軽い印象の和風デザインに向いています。
• 濃藍（こいあい）：藍色のなかでも特に濃い色を表す名前。重厚感を出したい場合に使えます。
• 紺青（こんじょう）：深い青紫系の色名。顔料の歴史とも関係があり、群青色などと比較すると色名の由来の違いがわかります。
• 鉄紺（てつこん）：鉄色を思わせる暗さを含む紺系統の色。シックで引き締まった配色に適しています。
• 新橋色（しんばしいろ）：明るい青緑系統の伝統色。和装文化に由来する色名として知られています。
• 露草色（つゆくさいろ）：露草の花を連想させる鮮やかな青。花や自然をモチーフにした表現と相性がよい色です。
• 白群（びゃくぐん）：淡い青みを感じさせる色。繊細でやわらかな表現に向いています。

日本の伝統色を選ぶ際は、名前の美しさだけでなく、その色が持つ歴史的背景や色味にも注目してみてください。伝統色の名前を使うことで、デザインに文化的な奥行きを加えられます。ただし、伝統色の由来や再現色は資料によって説明や数値が異なることがあるため、厳密な指定が必要な場合は参照する色見本を統一することが重要です。

【青色の配色パターン】用途別に失敗しない青系統の使い分け

青色は単色で使うだけでなく、白、グレー、ベージュ、黄色、オレンジなどとの組み合わせによって印象が変わります。色の明るさや鮮やかさを調整すれば、清潔感のある配色から重厚な配色まで幅広く表現できます。

1. 清潔感を出すなら「水色×白」

水色と白の組み合わせは、軽やかさや清潔感を表現したいときに適しています。医療・美容関連のビジュアル、生活用品、子ども向けのデザイン、春夏のファッションなどで活用しやすい配色です。

一方で、淡い水色と白は明るさが近く、文字や細い線が見えにくくなることがあります。背景と文字のコントラストを確保し、重要な情報には濃い青や紺色を使うと読みやすくなります。

2. 信頼感を演出するなら「紺色×白」

紺色と白は、落ち着きや誠実さを感じさせる定番の組み合わせです。企業サイト、ビジネス資料、制服、学校関連のデザインなどに向いています。

紺色を背景に使い、白い文字を配置すると、情報を引き締めながら視線を集められます。ただし、画面全体を濃い色で埋めると重たい印象になるため、白や淡いグレーを適度に加えるのがポイントです。

3. 伝統と自然を表現するなら「藍色×生成り」

藍色と生成り色の組み合わせは、自然素材や手仕事を連想させる落ち着いた配色です。和雑貨、工芸品、食品のパッケージ、和風のWebサイトなどに適しています。

鮮やかな青ではなく、深みのある藍色を選ぶことで、主張を抑えながら個性を出せます。生成り色やベージュを組み合わせると、白との組み合わせよりも温かみのある印象になります。

4. 目を引く配色なら「青×オレンジ」

青系統とオレンジ系統を組み合わせると、色相の違いによってメリハリが生まれます。キャンペーン画像、スポーツ関連のデザイン、ボタンや見出しのアクセントなどに活用できます。

ただし、青もオレンジも高彩度にすると刺激が強くなることがあります。背景を落ち着いた青にし、オレンジを小さなアクセントとして使うと、情報の優先順位を伝えやすくなります。

5. 上品にまとめるなら「青×グレー」

青とグレーの組み合わせは、控えめで洗練された印象を作りたいときに便利です。ITサービス、ビジネス向けの資料、ミニマルなインテリアなどと相性がよく、鮮やかな青を少量加えることで画面にメリハリを持たせられます。

青系統の配色を決めるときは、色数を増やすよりも、主役となる青、背景色、アクセント色の役割を明確にすることが大切です。最初にベースカラーを決め、次に文字の読みやすさとアクセントの強さを調整すると、まとまりのあるデザインに仕上がります。

【青色の意味と英語名】心理的なイメージとデザインでの活用法

青色には、一般的に落ち着き、信頼、知性、清潔感、冷静さといったイメージがあります。企業ロゴやビジネス資料に青が使われることが多いのも、こうした印象を表現しやすいためです。ただし、色の心理的な印象は文化、個人の経験、周囲の色、使用する場面によって変わり、青を使えば必ず信頼されるというような効果が保証されるわけではありません。

明るい水色や空色は、爽やかさや開放感を表現しやすい一方、濃い藍色や紺色は、安定感や重厚感を演出しやすい傾向があります。鮮やかな青は視線を集めやすく、灰色がかった青は落ち着いた印象にまとめやすい色です。

青色の英語名とニュアンス

• Blue（ブルー）：青全般を表す基本的な英語名です。
• Light Blue（ライトブルー）：明るい青や淡い青を表す一般的な名称です。
• Sky Blue（スカイブルー）：晴れた空を思わせる明るい青です。CSSの色名にもskyblueがあります。
• Navy Blue（ネイビーブルー）：暗く濃い青を表す名称です。CSSのnavyは#000080で定義されています。
• Indigo（インディゴ）：藍に関連する深い青系統の色名です。ただし、日本の伝統色としての藍色と完全に同一の色とは限りません。
• Ultramarine（ウルトラマリン）：群青系の青を指す名称です。顔料や美術の分野でも使われます。
• Royal Blue（ロイヤルブルー）：鮮やかで存在感のある青を表す名称です。CSSにも同名の色が定義されています。
• Cobalt Blue（コバルトブルー）：コバルト系顔料に由来する青色名です。美術や色彩表現でよく使われます。
• Azure（アジュール）：澄んだ空のような青を表す英語名です。文脈によって色の範囲が異なります。

英語名は、商品デザインや海外向けのWeb制作、イラストの色指定などで役立ちます。ただし、英語の色名と日本語の色名は一対一で対応するとは限りません。翻訳だけで色を決めず、HEX値やRGB値を併記すると、制作チームや取引先との認識を合わせやすくなります。

Webデザインでは色名より数値を優先する

Web制作では、CSSで定義された色名を使う方法と、HEXやRGBなどの数値で指定する方法があります。W3CのCSS Color Moduleでは、blue、skyblue、navy、royalblueなどの色名と、それぞれに対応する数値が定義されています。

ただし、色名の分類は人間の感覚に完全に沿っているわけではありません。例えば、英語の色名が似ていても、明るさや鮮やかさが直感と一致しない場合があります。ブランドカラーや複数人で管理するデザインでは、色名だけでなく数値をデザイン仕様書に記載しておくと、再現性を高められます。

また、画面上の色と印刷物の色は、発色の仕組みや使用する機器、紙、インクなどによって異なります。RGBで作成した青を印刷すると、画面で見た色と同じ印象にならない場合があります。印刷用途ではCMYKへの変換や印刷見本の確認も必要です。

【青の種類】に関するよくある質問（FAQ）

Q1：青色には全部で何種類ありますか？
A1：青色の種類を一律に数えるための世界共通の総数はありません。日本の伝統色、絵の具や染料の色名、英語の色名、Web標準の色名など、分類の基準によって数が変わります。水色、空色、浅葱色、藍色、紺色、群青色、瑠璃色など、代表的な色から覚えると違いを理解しやすくなります。

Q2：水色と空色はどちらが明るいですか？
A2：一般的には、どちらも明るい青系統ですが、水色は淡くやわらかな印象、空色は晴れた空のような澄んだ青というイメージで使い分けられます。ただし、色名に厳密な明度の順位があるわけではありません。具体的なHEX値や色見本を比較して選ぶのが確実です。

Q3：藍色と紺色の違いは何ですか？
A3：藍色は藍染めに由来する深い青をイメージさせる色名で、代表的な色見本では緑みを含む青として表現されます。紺色は暗く濃い青を指し、青紫みや引き締まった印象が特徴です。ただし、両者とも色味の幅があるため、厳密な区別には色見本の確認が必要です。

Q4：青色のカラーコードはどのように選べばよいですか？
A4：まず用途を決め、必要な印象に合う色を選びます。爽やかさなら水色や空色、信頼感なら紺色、伝統や自然の雰囲気なら藍色、鮮やかなアクセントなら群青色や瑠璃色が候補になります。WebサイトではHEXやRGBで色を指定し、背景と文字のコントラストも確認してください。

Q5：日本の伝統色のカラーコードは公式に決まっていますか？
A5：伝統色の名前と色味の説明は広く紹介されていますが、すべての色に対して唯一のHEX値やRGB値が世界共通で定められているわけではありません。資料によって採用値が異なる場合があるため、厳密な再現が必要な場合は、使用する色見本や資料を統一することが大切です。

まとめ：2026年に青の種類を選ぶなら色名・色見本・用途を確認

青の種類には、水色や空色のような明るい色から、浅葱色、藍色、群青色、瑠璃色、紺色などの深い色まで、さまざまなバリエーションがあります。それぞれの特徴を理解するには、色名だけでなく、明度、彩度、色相という3つの視点で比較することが有効です。

水色と空色は明るさや澄んだ印象、藍色と紺色は色味や暗さ、伝統的な背景を手がかりにすると見分けやすくなります。さらに、HEXやRGB値を使えば、Webデザインやイラスト制作でも具体的な色を共有できます。

【プロの結論】青色を選ぶときに最も大切なのは、色名のイメージだけで判断しないことです。爽やかさ、信頼感、重厚感、伝統的な雰囲気など、表現したい目的を先に決め、色見本とカラーコードで候補を比較しましょう。画面表示と印刷では見え方が異なり、伝統色にも数値の幅があるため、実際の使用環境で確認することが失敗を防ぐポイントです。

2026年のデザインやファッション、イラスト制作でも、青の種類を知っていれば、単に「青を使う」という選択から一歩進み、伝えたい印象に合わせた色選びができます。まずは水色・空色・藍色・紺色の4色を比べ、そこから浅葱色や群青色などへ選択肢を広げてみてください。 （出典: 青 の 種類（Yahoo!ニュース））