※当ブログでは商品・サービスのリンク先にプロモーションを含みます。ご了承ください。
本記事では、ファッショナブルなブルー系統のくすんだ色合いのカラーコードをお届けします。
紹介するHTMLカラーコードは、私が個人的に気に入っている色を、Photoshopのピッカーツールを使って選び出したものです。都会の風景や日常で目にした魅力的な色を写真に収め、それらのカラーコードを集めています。
くすみカラーとは
くすみカラーとは、明るさを控えめにした、穏やかで落ち着いた色合いのことです。少しの黒や白、グレーを加えることで生み出される、このユニークな色合いは、華美過ぎず、地味過ぎずの絶妙なバランスが魅力です。
その落ち着いた色調は、柔らかさを与えるため、服装からインテリア、ウェブデザインに至るまで広く利用されています。くすみカラーは、軽やかな色と濃厚な色の組み合わせによって、豊かな色彩表現を実現します。
くすみカラーはスモーキーカラーやニュアンスカラーなどとも呼ばれることがあります。灰色がかっているためグレイッシュカラーとも。
今回は、その中でも特に人気の高い「くすみブルー」の色コードについて取り上げてみましょう。
くすみブルーってどんな色?
くすみブルーは、ブルーに少量の黒や灰色を加えて作られる独自の色合いで、穏やかながらも深みのある魅力が特徴です。この落ち着いた色合いは、落ち着きと洗練された大人の雰囲気を演出し、デザインやファッションなど様々なシーンで活用されています。
深みがありながらも清潔感のあるこの色は、他の色と組み合わせることで多様な表情を見せるため、デザインの可能性を広げます。淡い色とのマッチングで穏やかな印象に、濃い色とのコントラストで鮮やかさを際立たせることができます
やわらかなブルーのくすみカラーコード集・HTMLコード
やわらかく、女性的な雰囲気を持つブルーのくすみカラーコードをセレクトしてみました。
これらのカラーコードは、直接コピー&ペーストしてご利用いただけます。
カラーの名称はあくまで主観的な解釈に基づくもので、公式な色名が設定されていない場合もあります。ですので、色の名称を最終的に決定する際には、ご自身の判断で行ってください。
画像 | カラー名 | HTMLカラーコード |
---|---|---|
![]() | ペールブルー | #ACC5DB |
![]() | ライトブルー | #BED8DF |
![]() | パウダーブルー | #A2C7C9 |
![]() | スチールブルー | #60859D |
![]() | パープルブルー | #8896B5 |
![]() | マリンブルー | #678DB0 |
![]() | メディテレニアンブルー | #5997BC |
![]() | デニムブルー | #557EA7 |
![]() | スカイブルー | #86AABE |
![]() | サファイアブルー | #7EB3C3 |
![]() | インディゴブルー | #3C5E8B |
![]() | ダークターコイズブルー | #2C98BE |
![]() | スレートブルー | #8796A9 |
![]() | サマーブルー | #468FBC |
![]() | ロイヤルブルー | #3F73BE |
![]() | ミディアムシーグリーン | #28387A |
![]() | ネービーブルー | #28387A |
![]() | パープリッシュブルー | #8886B0 |
![]() | ブリリアントブルー | #364AA1 |
![]() | ミッドナイトブルー | #555290 |
![]() | セレニティブルー | #91CAD3 |
濃いブルー系・紺色のくすみカラーコード・HTMLコード
くすみカラーなのにアクセントカラーになるカラーコードを集めてみました。
カラー名前は主観的なもので、正確な色名が存在しない色もあります。そのため、最終的な色名の判断はご自身でお願いします。
画像 | カラー名 | HTMLカラーコード |
---|---|---|
![]() | ディープシーグリーン | #154060 |
![]() | ダークスレートブルー | #293850 |
![]() | ミッドナイトブルー | #12273B |
![]() | スレートブルー | #494E68 |
![]() | ダークスレートブルー | #354752 |
![]() | スチールブルー | #5A697D |
![]() | ダークスレートグレー | #2B363E |
![]() | ネービーブルー | #1A3A50 |
![]() | スペースブルー | #383B68 |
![]() | ネービーブルー | #28387A |
![]() | スチールティール | #48777F |
![]() | ライトスレートブルー | #7D8E9E |




