くすみカラーコード【青】コピペOKのブルー系オシャレなcolor一覧

ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】
  • URLをコピーしました!

※当ブログでは商品・サービスのリンク先にプロモーションを含みます。ご了承ください。

現在ブログのデザインを試行錯誤変えていまして…どうやったらオシャレに見えるか日々迷走しています。

自分のブログだけではなく、他の方のブログを見ていても「ちょっと古くさいな」や「ダサいな」と感じてしまうことがあります。

超オシャレでセンスのあるブログサイトオシャレではないちょっとダサさのあるサイトは何が違うのか。。

ワードプレスのデザインはもちろん、使っている色・フォントや行間・使用画像などで印象が変わってきてしまうブログ。

デザインや画像などは自分のスキルやセンスがだいぶ問われてしまいます。

しかし、ある日気が付いたのです!!

使っている配色やカラーコードがオシャレな色であれば、センスがなくてもそれだけでオシャレなブログサイトに見えるのではないか!!と。

本記事では、どんな方も取り入れやすいブルー系くすみカラーの配色カラーコードをご紹介します。

自分用のメモも兼ねた記事となります。もしよかったら、ご自由にカラーコードをコピペしてお使いください!

トレンドのくすみニュアンスカラーを使って一緒にオシャレなサイト作りを目指しましょう!!

このページで紹介しているHTMLカラーコードは、気に入っている色をPhotoshopのスポイントツールで抽出したものとなります!

街中などで見つけたオシャレな色を写真に撮りカラーコードを集めてみました。

目次

くすみカラーとは

くすみカラーとは、字のごとくくすんだカラーのことを指します。

ファッションやメイクのカラー名としても使われる機会が多く、ファッション誌などではよく目にするキーワードです。

落ち着いた合いで世代を問わず愛されているカラー!

くすみカラーはスモーキーカラーやニュアンスカラーなどとも呼ばれることもあります。灰色がかっているためグレイッシュカラーとも。

オシャレな青色くすみカラーコード

すぐに使えるオシャレなHTMLカラーコードをご紹介します!

淡い印象のブルー系くすみカラーコード・HTMLコード

淡く女性らしい印象の青色のくすみカラーコードを集めてみました。

ぜひカラーコードはコピペでお使いください。

カラー名前は主観的なもので、正確な色名が存在しない色もあります。そのため、最終的な色名の判断はご自身でお願いします。

 画像カラー名 HTMLカラーコード
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】ペールブルー#ACC5DB
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】ライトブルー#BED8DF
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】パウダーブルー#A2C7C9
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】スチールブルー#60859D
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】パープルブルー#8896B5
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】マリンブルー#678DB0
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】メディテレニアンブルー#5997BC
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】デニムブルー#557EA7
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】スカイブルー#86AABE
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】サファイアブルー#7EB3C3
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】インディゴブルー#3C5E8B
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】ダークターコイズブルー#2C98BE
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】スレートブルー#8796A9
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】サマーブルー#468FBC
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】ロイヤルブルー#3F73BE
ミディアムシーグリーン#28387A
ブルーの名前や種類・カラーコード50選 | コピペOKの青色color一覧ネービーブルー#28387A
パープリッシュブルー#8886B0
ブリリアントブルー#364AA1
ミッドナイトブルー#555290
セレニティブルー#91CAD3

濃いブルー系・紺色のくすみカラーコード・HTMLコード

くすみカラーなのにアクセントカラーになるカラーコードを集めてみました。

カラー名前は主観的なもので、正確な色名が存在しない色もあります。そのため、最終的な色名の判断はご自身でお願いします。

 画像カラー名 HTMLカラーコード
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】ディープシーグリーン#154060
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】ダークスレートブルー#293850
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】ミッドナイトブルー#12273B
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】スレートブルー#494E68
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】ダークスレートブルー#354752
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】スチールブルー#5A697D
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】ダークスレートグレー#2B363E
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】ネービーブルー#1A3A50
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】スペースブルー#383B68
ネービーブルー#28387A
スチールティール#48777F
ブルー系のくすみカラーコードHTML【ニュアンスカラーでオシャレなブログ】ライトスレートブルー#7D8E9E

くすみカラーのコードはこんな方にもおすすめ

上記でピックアップしたカラーコードがどなたかのお役に立てましたら幸いです。

ブログを書いているブロガーさん

私自身ブログを書いている身なので、ブログの配色などにぜひ使っていただけたら嬉しいです。

ホームページ作成等、WEBデザインをされている方

サイトデザイン時にお役に立たないでしょうか。

お店のチラシなどの作成に

オシャレなチラシ作りの際、参考にしていただければと存じます。

YouTuber(ユーチューバー)などの配信者さんのサムネイルに

文字れ・字幕やサムネイルの色選びにいかがでしょうか。

イラストを描くイラストレーターさん

色塗りや線画の配色の参考になればと存じます。

今後も好きな色を見つけたら積極的に更新していきたいます。

また今回はブルー系のくすみカラーコードを集めてみましたが、カラーバリエーションを増やしていきます。

当サイトはリンクフリーです。

こちらのページ内のカラーコードはご自由にお使いください。

もし引用元として当サイトのURLを記載していただける場合は、

トップページURL

https://ukiani.tokyo

もしくは

本ページURL

https://ukiani.tokyo/color/2023/2607/

の記載をお願いします。

  • URLをコピーしました!
  • URLをコピーしました!
目次