くすみカラーコード一覧：HEX・RGB・CMYKと3色配色例

まず使いやすいくすみカラーはこの6色

くすみカラーは、鮮やかな色にグレーを混ぜたような低彩度の色です。かわいい印象だけでなく、落ち着き、上品さ、ナチュラル感を出しやすいため、コスメ、ファッション、インテリア、カフェ、ライフスタイル系のデザインでよく使われます。最初に選ぶなら、下の6色を基準にすると配色を組みやすくなります。

色彩では、色相だけでなく明度と彩度を合わせた「トーン」で印象が変わります。トーンの考え方は、武蔵野美術大学 造形ファイルの色調解説のように、明度・彩度の関係で整理すると理解しやすいです。くすみカラーは、パステルのように白っぽく明るいだけでなく、灰みを足して彩度を落とす点が特徴です。

くすみカラーコード一覧表

下の表は、実務で使いやすい代表的なくすみカラーをまとめたものです。HEXとRGBはWeb・アプリ・資料向け、CMYKは印刷用の近似値です。くすみカラーは彩度が低いため、紙や画面の環境差でさらに沈んで見えることがあります。重要なブランドカラーでは、画面上の数値だけで決めず、実際の表示や校正で確認してください。

パステルカラー・ベージュとの違い

くすみカラーとパステルカラーは、どちらも強すぎない色として扱われますが、印象はかなり違います。パステルカラーは白を混ぜたように明るく、軽く、かわいい印象になりやすい色です。一方でくすみカラーは、鮮やかさを抑えて灰みを足すため、明るすぎず、落ち着いた大人っぽい印象になります。

ベージュ系カラーは黄みや茶みを含む中間色が中心です。くすみカラーの中にもトープやダスティベージュのようにベージュ寄りの色はありますが、スモーキーピンク、ブルーグレー、セージグリーンのように、赤・青・緑・紫を灰みで落ち着かせる色まで含める点が違います。

3色配色パターン例

くすみカラーは、似た明度の色だけを並べると全体がぼやけることがあります。3色で組む場合は、背景色、主役色、締め色の役割を分けると扱いやすくなります。背景は明るめ、主役は中明度、締め色は濃いグレーやブラウンにすると、やわらかさと可読性を両立できます。

文字色とCMYK印刷の注意点

くすみカラー背景に白文字を置くと、雰囲気は柔らかく見えますが、色によっては読みづらくなります。背景がスモーキーピンクやダスティベージュのように明るい場合は、白文字ではなく濃いブラウン #5A4742、チャコール #333333、ネイビー #243047 を使う方が安全です。背景がブルーグレーやくすみブラウンのように中暗度の場合だけ、白文字やアイボリー文字を検討します。

Webで本文やボタンを作る場合は、WCAG 2.2のコントラスト基準も確認しておくと、淡い色や低彩度色でも読みやすさを保ちやすくなります。くすみカラーは「おしゃれに見えるか」だけでなく、「小さい文字でも読めるか」を必ず分けて判断してください。

印刷では、RGBのくすみカラーをCMYKに変換すると、画面よりさらに沈んで見えることがあります。特に青み、紫み、緑みを含むくすみカラーは、紙やプロファイルの影響で濁りが強く出る場合があります。入稿前には RGB⇔CMYK変換ツールで目安値を確認し、重要な色は校正紙や印刷会社の指定条件を優先してください。

よくある質問