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

自分のブログだけではなく、他の方のブログを見ていても「ちょっと古くさいな」や「ダサいな」と感じてしまうことがあります。
超オシャレでセンスのあるブログサイトとオシャレではないちょっとダサさのあるサイトは何が違うのか。。
ワードプレスのデザインはもちろん、使っている色・フォントや行間・使用画像などで印象が変わってきてしまうブログ。
デザインや画像などは自分のスキルやセンスがだいぶ問われてしまいます。



しかし、ある日気が付いたのです!!
使っている配色やカラーコードがオシャレな色であれば、センスがなくてもそれだけでオシャレなブログサイトに見えるのではないか!!と。
本記事では、どんな方も取り入れやすいブルー系くすみカラーの配色カラーコードをご紹介します。
自分用のメモも兼ねた記事となります。もしよかったら、ご自由にカラーコードをコピペしてお使いください!



トレンドのくすみニュアンスカラーを使って一緒にオシャレなサイト作りを目指しましょう!!
このページで紹介しているHTMLカラーコードは、気に入っている色をPhotoshopのスポイントツールで抽出したものとなります!
街中などで見つけたオシャレな色を写真に撮りカラーコードを集めてみました。
くすみカラーとは
くすみカラーとは、字のごとくくすんだカラーのことを指します。
ファッションやメイクのカラー名としても使われる機会が多く、ファッション誌などではよく目にするキーワードです。



落ち着いた合いで世代を問わず愛されているカラー!
くすみカラーはスモーキーカラーやニュアンスカラーなどとも呼ばれることもあります。灰色がかっているためグレイッシュカラーとも。
オシャレな青色くすみカラーコード
すぐに使えるオシャレなHTMLカラーコードをご紹介します!
淡い印象のブルー系くすみカラーコード・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 |
くすみカラーのコードはこんな方にもおすすめ
上記でピックアップしたカラーコードがどなたかのお役に立てましたら幸いです。
ブログを書いているブロガーさん
私自身ブログを書いている身なので、ブログの配色などにぜひ使っていただけたら嬉しいです。
ホームページ作成等、WEBデザインをされている方
サイトデザイン時にお役に立たないでしょうか。
お店のチラシなどの作成に
オシャレなチラシ作りの際、参考にしていただければと存じます。
YouTuber(ユーチューバー)などの配信者さんのサムネイルに
文字れ・字幕やサムネイルの色選びにいかがでしょうか。
イラストを描くイラストレーターさん
色塗りや線画の配色の参考になればと存じます。



今後も好きな色を見つけたら積極的に更新していきたいます。
また今回はブルー系のくすみカラーコードを集めてみましたが、カラーバリエーションを増やしていきます。








当サイトはリンクフリーです。
こちらのページ内のカラーコードはご自由にお使いください。
もし引用元として当サイトのURLを記載していただける場合は、
トップページURL
https://ukiani.tokyo
もしくは
本ページURL
https://ukiani.tokyo/color/2023/2607/
の記載をお願いします。

