カラーパレット

青系の色一覧

青系の32色を、明るい色から暗い色の順に並べ、最後にターコイズ系をまとめました。明るい青・鮮やかな青・暗い青・ターコイズ系・グレイッシュで絞り込めて、色をタップするとカラーコードをコピーできます。

32色
ライトブルー

CSSでlightblueと呼ばれる、やわらかく明るい青です。 穏やかで清潔な印象です。

合う色を見る合う色 →
ベビーブルー

伝統的に新生児の服と結びついてきた、やさしい水色です。 明るく親しみやすい色です。

合う色を見る合う色 →
水色

晴れた空の明るい青です。 アルゼンチンやウルグアイでは、国旗やサッカー代表と結びついた色です。

合う色を見る合う色 →
パステルブルー

白を多く含んだ、灰みがかったやわらかな青です。 穏やかで繊細な印象を与えます。

合う色を見る合う色 →
ブルーグレー

はっきりとした青みを帯びたグレーです。 クールでありながら親しみやすい色です。

合う色を見る合う色 →
エレクトリックブルー

電気の火花を思わせる、明るく輝く青です。 モダンでエネルギッシュな印象を与えます。

合う色を見る合う色 →
スレートグレー

屋根材や昔の学校の黒板に使われた岩、スレートにちなんだ名前です。 青をベースにした中間のグレーです。

合う色を見る合う色 →
スチールブルー

鋼に反射する光のような、灰みをベースにした中間の青です。 CSSではsteelblueと呼ばれます。

合う色を見る合う色 →
ロイヤルブルー

イギリスのシャーロット王妃のドレスを作るコンテストから生まれたと言われています。 鮮やかで彩度の高い青です。

合う色を見る合う色 →
セルリアンブルー

「空の青」を意味するラテン語のcaeruleusに由来します。 真昼の空のような、深みのある中間の青です。

合う色を見る合う色 →
フレンチブルー

フランス国旗や代表チームと結びついた、鮮やかな中間の青です。 澄んでいて明るい色です。

合う色を見る合う色 →
デニムブルー

ブルージーンズの生地をイメージした、少し色あせた中間の青です。 カジュアルファッションの柱であり、ホームテキスタイルにも登場します。

合う色を見る合う色 →
サファイアブルー

宝石のサファイアにちなんだ名前です。 高級感のある、深く輝く青です。

合う色を見る合う色 →
青

赤と緑とともに、すべての画面を構成する光の三原色のひとつです。 落ち着き、信頼、秩序を伝えます。

合う色を見る合う色 →
コバルトブルー

磁器やタイルの絵付けに使われる酸化コバルトに由来します。 強く鮮やかな青です。

合う色を見る合う色 →
ペトロールブルー

石油の光沢のような、緑みを帯びた暗い青です。 上品で深みがあり、ネイビーほど冷たくありません。

合う色を見る合う色 →
クラインブルー

フランスの芸術家イヴ・クラインが1960年にモノクローム作品のために特許を取った色です。 極めて彩度が高く強烈なウルトラマリンです。

合う色を見る合う色 →
藍色

インド原産の植物性染料に由来する色です。 紫みを帯びた、とても暗い青です。

合う色を見る合う色 →
群青色

名前は「海の向こう」を意味し、顔料がアフガニスタンで採れるラピスラズリから作られたことに由来します。 ルネサンス時代には金よりも高価でした。

合う色を見る合う色 →
プルシアンブルー

18世紀にベルリンで生まれた、最初期の合成顔料のひとつです。 緑みを帯びたとても暗い青です。

合う色を見る合う色 →
ミッドナイトブルー

月のない夜空のような、とても暗い青です。 黒よりもやわらかな代わりの色になります。

合う色を見る合う色 →
ダークブルー

ネイビーに近い、光の少ない深い青です。 CSSではdarkblueと呼ばれます。

合う色を見る合う色 →
ネイビー

イギリス海軍の制服にちなんだ名前です。 誠実な印象で合わせやすい、とても暗い青です。

合う色を見る合う色 →
ブルーブラック

とても深い青みを帯びた黒です。 一見すると黒に見えますが、ほかの暗い色と並べるとよりクールに見えます。

合う色を見る合う色 →
アクアマリン

海水を思わせる色の宝石にちなんだ名前です。 緑がかった明るいターコイズです。

合う色を見る合う色 →
パステルターコイズ

白をたっぷり含んだ、とてもやわらかいターコイズです。 清潔でリラックスした印象を与えます。

合う色を見る合う色 →
シアン

マゼンタやイエローと並ぶ、CMYK印刷の基本色のひとつです。 画面上では緑と青の光がどちらも最大のときに現れます。

合う色を見る合う色 →
ターコイズ

トルコを経由してヨーロッパに伝わった石、トルコ石にちなんだ名前です。 青と緑を光あふれる明るさで混ぜ合わせた色です。

合う色を見る合う色 →
ダークターコイズ

CSSではdarkturquoiseと呼ばれますが、見た目は明るさを保った強いターコイズです。 普通のターコイズより青みが強いのが特徴です。

合う色を見る合う色 →
ティファニーブルー

ニューヨークの有名ジュエラーのギフトボックスでおなじみのターコイズです。 澄んだ上品な中間の青緑です。

合う色を見る合う色 →
ティール

コガモ(英語でティール)と、その翼にある色鮮やかな斑点にちなんだ名前です。 落ち着いた中間の青緑です。

合う色を見る合う色 →
ダークティール

ペトロールブルーに緑を多く加えたバリエーションです。 暗く豊かで、少しミステリアスな色です。

合う色を見る合う色 →

ほかの色の一覧

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作るあみだくじ名前と結果を入れて、すぐ遊べるあみだくじカラー水槽配色で色が変わる癒やしの3D水槽
無料診断・ツールをすべて見る →

青にはどんな種類がある?

青は、水色やベビーブルーのような白に近い色から、ミッドナイトブルーやブルーブラックのような黒に近い色まで幅広い色です。緑寄りになるとターコイズやペトロールブルー、紫寄りになるとインディゴや群青色になります。

青の見分け方

明るさ(水色とネイビー)、鮮やかさ(ロイヤルブルーとスチールブルー)、色み(緑寄りのターコイズは爽やか、紫寄りのインディゴは深みのある印象)の3つを見ると違いがわかります。

よくある質問

ロイヤルブルーとネイビーの違いは?

ロイヤルブルー(#4169E1)は明るく鮮やかな青、ネイビー(#000080)は黒に近い濃い青で、落ち着いたきちんとした印象です。

どんな色にも合う青は?

ネイビーやデニムブルーはほとんどベーシックカラーのように使え、白、ベージュ、グレー、キャメルなどとよく合います。

ターコイズは青?緑?

青と緑のちょうど中間の色です。ティファニーブルーのように青みの強いものは、緑みの青として扱われます。

ほかのガイドとツール