澄み渡る空やどこまでも広がる海を象徴する「青」は、世界中で最も好まれるカラーの一つとして知られています。しかし、ひとくちに青と言っても、鮮烈な印象を与えるビビッドな色合いから、ニュアンス感漂うくすみカラー、さらには日本古来の奥ゆかしい伝統色まで、その表情は実に多彩です。
WebデザインやUI/UX設計、グラフィック制作におけるカラーマネジメントはもちろん、毎日のファッションコーディネートやインテリア選びにおいても、青の持つニュアンスの違いを正しく把握しておくことは大きなアドバンテージになります。本稿では、日常を彩る代表的な青から歴史ある和名、心理的アプローチ、実践的な配色テクニックまでを完全網羅して解説します。
【全網羅】青系の色の名前一覧とカラーコード・RGB値

デジタルデザインや印刷物の現場で直感的に使いこなすためには、代表的な青の名称と正確なカラーコード(HEX値・RGB値)を押さえておく必要があります。以下に、主要な青系カラーの基本データを整理しました。
■ 代表的な洋名ブルーの一覧
- ロイヤルブルー(Royal Blue):HEX #4169E1 / RGB(65, 105, 225)
英国王室に由来する高貴で鮮烈な濃青。格調高い雰囲気を演出します。 - ネイビーブルー(Navy Blue):HEX #000080 / RGB(0, 0, 128)
イギリス海軍の制服がルーツ。ビジネスシーンやフォーマルに欠かせない信頼の象徴です。 - スカイブルー(Sky Blue):HEX #87CEEB / RGB(135, 206, 235)
晴天の昼空を思わせる、明るく開放感のある澄んだ水色系カラーです。 - ターコイズブルー(Turquoise Blue):HEX #00CED1 / RGB(0, 206, 209)
トルコ石のような緑みを帯びた青。リゾート感や創造性を引き立てるアクセントになります。 - パウダーブルー(Powder Blue):HEX #B0E0E6 / RGB(176, 224, 230)
粉末のようなやわらかさを持つ淡い青。清潔感と優しさを両立させたい場面に適しています。
■ 水色の種類一覧とトーンの差
日常で「水色」と総称される淡いブルーにも、シアン寄りのクリアな水色(HEX #00FFFF)、ペールブルー(HEX #AFEEEE)、アッシュがかったスモーキーなサックスブルー(HEX #4A7A96)など、彩度と明度の違いで無数のバリエーションが存在します。ベースカラーとして用いる際は、コントラスト比と背景の白とのバランスを意識することが視認性を保つ鍵です。
【日本の伝統美】瑠璃色・浅葱色・藍色など青系の伝統色(和名)
日本の歴史の中で育まれてきた伝統色(和名)の青は、自然の草木や鉱物、四季の移ろいを繊細に映し出しています。西洋のブルーとは一線を画す深みと風情を備えており、現代のブランディングや和モダンデザインでも再評価が進んでいます。
■ 瑠璃色(るりいろ / HEX #1E50A2)
仏教の七宝の一つである鉱物「ラピスラズリ(瑠璃)」に由来する、濃く鮮やかな紫みの青です。平安時代から至高の宝飾カラーとして尊ばれ、神秘性と格式の高さを感じさせます。
■ 浅葱色(あさぎいろ / HEX #00A3AF)
葱(ねぎ)の若い芽のような、わずかに黄みがかった薄い青緑色です。江戸時代には武士の間で庶民的な羽織の色として親しまれ、幕末の新選組の隊服カラーとしても広く知られています。
■ 縹色(はなだいろ / HEX #274A78)
ツユクサの花汁で染めたことに由来する古来の青。藍染めの濃淡を表す基準色の一つであり、落ち着いた知性を醸し出します。
■ 甕覗き(かめのぞき / HEX #A2D7DD)
藍染めの染料が入った甕(かめ)を少し覗いただけのような、ごくごく薄い青色。かすかな青みを帯びた白に近いニュアンスは、控えめな美意識の極致とされています。
「紺色」と「藍色」の違いとは?歴史的背景と発色の見分け方
日常会話やアパレル選びで混同されがちな「紺色(こんいろ)」と「藍色(あいいろ)」ですが、その成り立ちと色相には明確な違いがあります。
■ 原料と染めの深さの違い
藍色は、タデアイなどの植物染料を用いた藍染め全般の中核となるトーン(HEX #165E83付近)を指します。緑みと深みが混ざり合った、自然由来の素朴で力強い青です。
一方の紺色は、藍染めを何度も繰り返して極限まで濃く染め上げた「濃い藍色」(HEX #223A70付近)をルーツとしています。紫みを帯びた暗い青であり、藍色よりも一段と暗く引き締まった色調が特徴です。
■ 現代における使い分けの基準
カジュアルやクラフト感を前面に出したい場面では「藍色(インディゴ)」、ビジネススーツやフォーマルウェアのように堅実さ・品格を重視するシーンでは「紺色(ネイビー)」を選ぶのが、視覚的にも理にかなったアプローチです。
なぜ青は人を惹きつけるのか?青色がもたらす心理効果と活用術
色彩心理学の観点において、青色は人間の自律神経系に直接作用する特性を持っています。副交感神経を優位にし、心拍数や血圧を落ち着かせる「鎮静効果」や、思考をクリアにして作業効率を高める「集中力向上効果」が実証されています。
■ ビジネスとWebデザインにおける信頼獲得
大手IT企業、金融機関、医療機関のコーポレートカラーに青が圧倒的多数で採用されている理由は、青色が「誠実・知性・安心感・公平性」をダイレクトに想起させるためです。ユーザーに心理的ハードルを感じさせず、長期的な信頼関係を築きたいサービス設計において、青は最も安全で効果的な選択肢となります。
■ 空間・メンタルヘルスへの影響
青色は時間の体感速度を遅く感じさせる効果(鎮静作用)や、食欲を抑制する効果も持っています。そのため、書斎やオフィスの集中ブースには適していますが、飲食店のメインカラーやリビングの団らんエリアに過剰に用いると、冷たさや孤独感を与えるリスクがあるため注意が必要です。
ターコイズブルーやロイヤルブルーが持つ意味と特徴
青系統の中でも、明確なパーソナリティと象徴性を持つ2大カラーが「ターコイズブルー」と「ロイヤルブルー」です。
■ ターコイズブルー:自由とインスピレーションの象徴
ネイティブアメリカンの間でお守りとして重宝された歴史を持つターコイズは、「旅の安全」「創造力」「自己表現」を意味します。青の持つ冷静さと緑の持つ癒やしが融合しているため、クリエイティブ職のブランディングや、夏の爽快感を打ち出したいビジュアル表現で抜群の存在感を放ちます。
■ ロイヤルブルー:英国王室が認めた気品と権威
18世紀の英国シャーロット王妃のために作られたドレスに端を発するロイヤルブルーは、「高貴・勝利・洗練」を体現します。くすみのない純度の高い発色は、フォーマルなドレスコードやハイエンド商品のパッケージにおいて、ひと目で視線を奪うラグジュアリーな演出を可能にします。
【実践デザイン&ファッション】くすみブルーのコーデと洗練配色見本
近年のトレンドとして定着しているのが、グレーを一滴垂らしたような「くすみブルー(ダスティブルー)」です。彩度を抑えることで肌なじみが良くなり、洗練された都会的な印象を簡単に作り出すことができます。
■ ファッション:くすみブルーを着こなす鉄板コーデ
- くすみブルー×エクリュ(生成り白):重くなりがちな青を軽やかに昇華させる王道の爽やか配色。
- くすみブルー×チャコールグレー:知的で落ち着いた大人のトーンオントーン。オフィススタイルにも最適。
- くすみブルー×ブラウン/キャメル:補色に近いコントラストで、こなれ感とヴィンテージライクな洒落感を両立。
■ Web・グラフィック向け:失敗しない青系配色パターン
- 洗練ミニマル配色:ベース(#F8F9FA)× メイン(#1E3A8A / ディープブルー)× アクセント(#38BDF8 / ライトスカイ)
- モダンアース配色:ベース(#E2E8F0)× メイン(#475569 / スレートブルー)× アクセント(#D97706 / アンバー)
- フレッシュビビッド配色:ベース(#FFFFFF)× メイン(#2563EB / ロイヤルブルー)× サブ(#10B981 / エメラルド)
【青系の色】に関するよくある質問(FAQ)
Q1:Webデザインで青系を使うとき、背景白に対して最も視認性が高いブルーはどれですか?
A1:コントラスト比(WCAG基準)をクリアしやすいのは、HEX #1E40AF や #1D4ED8 などのダークトーンからミディアムトーンのブルーです。スカイブルーやシアンなどの明るい水色は、テキストではなく背景や装飾パーツとして活用するのが鉄則です。
Q2:パーソナルカラー診断で「イエベ(イエローベース)」に似合う青はありますか?
A2:イエベ春・秋の方には、黄みを含んだ青が美しく映えます。具体的にはターコイズブルー、セルリアンブルー、浅葱色など、グリーン寄りの温かみを感じる青を選ぶと肌色がくすまず引き立ちます。
Q3:藍染めの「ジャパンブルー」とは具体的にどの色を指すのですか?
A3:明治時代に来日した英国人化学者アトキンソン氏が、日本人の衣服や街の暖簾にあふれる藍染めを見て賞賛したことから広まった呼称です。特定の単一色ではなく、勝色(かちいろ)や濃藍(こいあい)を中心とした日本の藍染めカラー全体の総称として使われています。
青系の色は、空や海のような雄大さから、鉱物の神秘、さらには歴史の中で育まれた生活の知恵まで、実に幅広いグラデーションを持っています。同じ「青」であっても、彩度を一段落とせばニュアンス豊かな現代的なくすみカラーになり、純度を高めれば王室の気品を漂わせるロイヤルブルーへと姿を変えます。
カラーコードの数値を把握するだけでなく、その色が持つ歴史的文脈や心理的アプローチを理解しておくことで、デザインやファッションの表現力は格段に深まります。目的に応じた最適な青を選び抜き、日々のクリエイティブやライフスタイルに巧みに取り入れてみてください。