この記事では、見た目を一層オシャレに彩るパステル色のカラーコードを紹介します。
以前ご紹介したくすみカラーの記事と同様に、これは私自身の備忘録も兼ねています。もし気に入ったら、どうぞカラーコードをコピー&ペーストして活用してください!
パステルカラーとは
パステルカラーは、やわらかく淡い色合いの総称です。
具体的には、白や灰色を混ぜて薄めた、優しい色味のことを指し、見る人に穏やかな気持ちを与えます。
パステルカラーの魅力
パステルカラーは、その柔らかな色合いが心を和ませ、穏やかな空間を作り出すことから、多くの人々に愛されています。この色合いは、明るくはありますが、その鮮やかさは控えめで、洗練された印象を与えます。パステルカラーには、ピンク、ブルー、グリーン、イエロー、ラベンダーなど、多彩なバリエーションがあります。
オシャレなパステル色のカラーコード
パステルカラーをよりオシャレに見せるHTMLカラーコードを集めてみました。コピペで使ってください。
パルテル系ピンクのカラーコード
人気の高いピンク色のパステルカラーです。
画像 | カラー名 | カラーコード |
---|---|---|
![]() | フェアリーピンク | #F3DBE8 |
![]() | ソフトローズ | #F5CAD5 |
![]() | ホワイトピンク | #FEEBF8 |
![]() | パステルピンク | #FFD1DC |
![]() | ソフトピンク | #FFB2D0 |
![]() | ライトコーラル | #FFABAB |
![]() | ピンクラベンダー | #E6A8F0 |
![]() | ピーチピンク | #FABAC8 |
![]() | パステルピンク | #FFD1E8 |
![]() | ライトコーラル | F0A8AB |
パルテル系パープルのカラーコード
原色の紫が苦手の人にも愛されるラベンダーカラーのHTMLコードです。
画像 | カラー名 | カラーコード |
---|---|---|
![]() | パステルパープル | #EBE0F3 |
![]() | ソフトライラック | #CAB9D8 |
![]() | パステルパープル | #B39CD0 |
![]() | ライトラベンダー | #E6B5FF |
![]() | パステルラベンダー | #DFB3F0 |
![]() | パステルパープル | #B3ABF0 |
![]() | ライトラベンダー | #D1A8F0 |
パルテル系ブルーのカラーコード
青色ベースのカラーは、ピンクのパステルパワーみたいに可愛くなりすぎないところもいいですね。
画像 | カラー名 | カラーコード |
---|---|---|
![]() | ベビーブルー | #AFE1F3 |
![]() | ベビーブルースカイ | #ACD8FE |
![]() | ライトスカイブルー | #C9D5ED |
![]() | ムーンブルー | #C1C9E3 |
![]() | ペールアクア | #D0FFF6 |
![]() | ベビーブルー | #C8D1F0 |
![]() | ベビーブルー | #A0C8F0 |
![]() | ライトブルー | #ADD8E6 |
![]() | パステルアクア | #C8F0F3 |
パルテル系グリーンのカラーコード
緑色ベースのくすみカラーやパステルカラーはトレンドですね。
画像 | カラー名 | カラーコード |
---|---|---|
![]() | ミントアイス | #D0FCED |
![]() | ミントグリーン | #A0FFC3 |
![]() | ライトミント | #B5FFEA |
![]() | ペールミント | #D2EEE8 |
![]() | ライトグリーン | #D1F0A8 |
![]() | パステルミント | #A8F0C8 |
パルテルイエロー黄色・パルテルオレンジのカラーコード
パステルイエローやパステルオレンジは優しい色合いでありながら、明るさ・活力・元気な印象を与えてくれます。
画像 | カラー名 | カラーコード |
---|---|---|
![]() | ライトレモン | #F4F7B4 |
![]() | パステルイエロー | #EFF1B2 |
![]() | ペールオレンジ | #FFC3A0 |
![]() | パステルイエロー | #FFD700 |
![]() | クリーム | #FFFFB5 |
![]() | パステルオレンジ | #FFDFAB |
パステルカラー無地のグラデーション背景画像素材
加工自由な背景画像をフリー素材としてご用意いたしました。バナー制作など、様々な用途で自由にご使用いただけます。
これらの画像は、私がPhotoshopを用いて一から作成したものです。現在はまだ提供できる画像の数に限りがありますが、ご了承ください。
画像に関心をお持ちいただけた場合は、クリックしてください。そうすると、新しいタブで2000ピクセル×1300ピクセルの大きな画像が表示されます。画像を保存したい場合は、右クリックや画像を長押しすることで表示される「画像を保存」機能をご利用ください。これらの画像を皆様のクリエイティブな作品作りに役立てていただければ幸いです。
こちらの無地の背景画像については、
- 加工OK
- 二次配布OK
です。どうぞご自由にお使いください。

