2024年10月7日

この記事では、黄色系のかわいいカラーコードを「パステルイエロー」「くすみイエロー」「バターイエロー」など、色味や種類ごとに分けて紹介します🍋﹢˖ ☆

淡くやさしいクリーム色から、落ち着いた大人かわいい黄色、明るく鮮やかなイエローまで、さまざまな色合いをまとめました♩ それぞれのカラーコードには白文字・黒文字の両方を表示しているので、背景色との組み合わせや文字の見やすさも比較できます。サイトのデザインや画像編集、SNSの投稿画像など、配色を考えるときの参考にしてみてください🪄︎︎☆

カラーコードは色のマスをクリック(タップ)するだけで簡単にコピーできます!お気に入りの黄色を見つけたら、ぜひコピーして使ってみてください(U・ω・U)♡ミ

パステルカラー

#FFFFE5#FFFFE5
#FCFFE0#FCFFE0
#FEFBD8#FEFBD8
#FEFAE0#FEFAE0
#FFF6DC#FFF6DC
#FFF8DC#FFF8DC
#F9F9E0#F9F9E0
#FEF9D9#FEF9D9
#FFF7D1#FFF7D1
#FFFED3#FFFED3
#FFFACD#FFFACD
#F6F7C4#F6F7C4
#FFFEC4#FFFEC4
#FFF8C9#FFF8C9
#FFF3B8#FFF3B8
#FFFFBC#FFFFBC
#FFEDAB#FFEDAB
#FFE4B5#FFE4B5


淡い・パステルイエローは、白を混ぜたような明るくやさしい黄色が特徴で、ふんわりと温かみのある雰囲気にしたいときにおすすめです🍋﹢˖ ☆

白っぽいクリームイエローは清楚でナチュラルな印象に、レモン寄りの黄色は爽やかで軽やかな印象に、少しオレンジがかった黄色はやさしくあたたかな雰囲気に仕上がります♩

背景色や広い範囲にも取り入れやすいカラーですが、白文字は見えにくくなることが多いので、文字には濃いグレーやブラウンなどを合わせるのがおすすめです!

くすみ・濃いめ

#F0EAAC#F0EAAC
#EEE8AA#EEE8AA
#F1EF99#F1EF99
#F0E68C#F0E68C
#EDDE7B#EDDE7B
#E7D98C#E7D98C
#F4DDA5#F4DDA5
#E8CF87#E8CF87
#D9C27A#D9C27A
#FCD575#FCD575
#EEC362#EEC362
#E5B349#E5B349
#D4B04C#D4B04C
#EBD842#EBD842
#C9A227#C9A227


くすみ・濃いめイエローは、鮮やかさを少し抑えた落ち着いた黄色や、深みのあるあたたかな色合いが特徴です🌼﹢˖ ☆

やわらかいベージュ寄りの黄色はナチュラルでやさしい印象に、黄緑がかった黄色はレトロな雰囲気に、ゴールド寄りの黄色は上品で華やかな印象に仕上がります♩ アイボリーやブラウンと組み合わせると温かみのある配色に、チャコールグレーやネイビーと合わせると、落ち着いたおしゃれなデザインになります🪄︎︎☆

背景色だけでなく、見出しやボタンなどのアクセントカラーにも取り入れやすく、ナチュラルで大人かわいい雰囲気にしたいときにおすすめです!

ビビッドカラー

#FFFF75#FFFF75
#FEF263#FEF263
#FFF462#FFF462
#FFFF38#FFFF38
#FFF200#FFF200
#FFEC47#FFEC47
#FFFF00#FFFF00
#FFEA00#FFEA00
#FFE000#FFE000
#FFD700#FFD700
#FCC800#FCC800
#FFB900#FFB900


ビビッドイエローは、明るく鮮やかで、パッと目を引く黄色が特徴です🍋💛

レモンのような爽やかな黄色から、元気いっぱいのはっきりした黄色、オレンジ寄りのあたたかい黄金色まで、ポップで華やかなカラーをまとめました♩ ホワイトやブラックと組み合わせるとメリハリのある配色に、ブルーやパープルと合わせると、カラフルで遊び心のあるデザインに仕上がります🪄︎︎☆

見出しやボタン、アイコンなどのアクセントカラーとして取り入れると、明るく元気な雰囲気を演出できます!
ʀᴇǫᴜᴇꜱᴛ ꜰᴏʀᴍ‎𐙚◝✩

履歴

kaomoji history

delete