ルビーカラーパレット20選｜人気色とHEXコードまとめ

ルビーは大胆で宝石のような赤色のファミリーで、レイアウトに即座にドラマ、暖かさ、そして高級感を加えます。淡いピンク色ではロマンティックで柔らかく、ほぼ黒に近い色と組み合わせれば映画的で力強く見せられます。

以下は、ブランド、UI、印刷、パッケージングで使用できるHEＸコード付きのルビーカラーパレットのアイデアです。各パレットには実用的なノートと、Media.ioでリミックス可能なAIプロンプトが付いています。

ルビーパレットがなぜ効果的なのか

ルビーは深紅の範囲に位置し、人々が本能的に意味を読み取る色です：情熱、自信、祝福、食欲をそそる魅力。そのため、CTAやヒーローヘッドライン、商品アクセントなどで強い「シグナルカラー」として使われます。

また、スタイルを問わず珍しく柔軟です。色味や暖かい紙ニュートラルを加えるとロマンティックで柔らかくなり、チャコールやブラックに近い色と合わせると映画的なコントラストと現代的な高級感が出ます。

ルビーは飽和度が高いと強烈に感じられるため、最高のパレットは淡いトーン、テクスチャー感のあるニュートラル、または対照的なクールカラー（インクネイビーやアイスグレーなど）でバランスを取り、デザインの読みやすさと意図を保ちます。

20種類以上のルビーカラーパレットアイデア（HEXコード付き）

1）ベルベットガーネット

HEX： #9B111E #D64A5A #F3C6C8 #2B1B1E #F6F1EE

雰囲気： ドラマティック、高級感、映画的

おすすめ用途： 高級ブランドやヒーローバナー

ドラマティックで豪華、ベルベットのカーテン、キャンドルライト、夜のワインのような雰囲気。深紅をメインに使い、淡いピンクで余白を確保。モダンコントラストはマットなチャコールと、クリアなタイプには暖色オフホワイトを。コツ：グラデーションは控えめにし、質感（紙や布の粒度）で仕上げを上品に。

media.ioで生成したベルベットガーネットの画像例

Media.io

Media.ioはブラウザ上で動画、画像、音声を作成・編集できるオンラインAIスタジオです。

無料で今すぐ試す

2）ローズウッドラテ

HEX： #8A1F2D #B97A74 #E6D2C8 #6B5B53 #FFF7F2

雰囲気： 居心地よく、落ち着き、親しみやすい

おすすめ用途： カフェのメニューデザイン

居心地よく会話の弾むトーンで、ローズウッドのテーブルやスチームミルク、暖かい午後の光を想起させます。くすみがかった中間色はセクションや区切りに最適で、深紅は見出しを強調しつつも派手すぎない。主に柔らかいクリーム色を使えば読みにくくなりません。コツ：本文はダークココア色で温かい紙に黒を避けましょう。

media.ioで生成したローズウッドラテの画像例

3）夜桜

HEX： #7A0F1B #C93A4A #F0A7B5 #1B1621 #F7F3F6

雰囲気： ロマンティック、夜、大胆

おすすめ用途： ナイトイベントポスター

ロマンティックでありながら夜の雰囲気、ネオンの輝きが柔らかい花びらと夜気を通して映えるイメージ。ほぼ黒のベースはドラマティックなフレーム、明るい赤は見出しに。ピンクのブッシュが遠くからも楽しく読みやすくします。コツ：大きな文字とシンプルな形にしてコントラストの効果を活かしましょう。

media.ioで生成した夜桜の画像例

4）ルビーとセージのバランス

HEX： #8F0D1D #D05A6D #F2E6DF #7A8F7A #2F3A32

雰囲気： フレッシュ、穏やか、現代オーガニック

おすすめ用途： ウェルネスブランドパッケージ

フレッシュで安定した組み合わせは、植物的な落ち着きと自信に満ちたアクセント。グリーンをサブにすることで、深紅が重すぎず活かせます。温かいニュートラルはラベルのベース、最も暗い色は成分や細かな文字に。コツ：柔らかな手触りのパッケージを選び、色も見た目通りの癒しを感じられるように。

media.ioで生成したルビーとセージのバランスの画像例

5）アンティークベルベット

HEX： #6E0F1A #A93A44 #CFA3A6 #B89A7A #2A2320

雰囲気： ビンテージ、ムーディ、上質

おすすめ用途： ビンテージエディトリアルスプレッド

ビンテージで上質、伝統的なテキスタイルや古い紙、ミュージアムの照明が思い浮かびます。くすんだ金色のブラウンが暖かみを加え、赤が現代的になりすぎるのを防ぎます。くすんだピンクは引用やサイドバーに用い、ページ全体のリズムを柔らかく。コツ：細い罫線やクラシックなセリフ体でアンティークな雰囲気を強調します。

media.ioで生成したアンティークベルベットの画像例

6）モダンモノクロームジェム

HEX： #B1132B #E26B7A #F7D8DA #111013 #C7C2C6

雰囲気： 洗練、ミニマル、高コントラスト

おすすめ用途： 2DアプリUIログイン画面

洗練されミニマルなトーンは、研磨されたガラスやクリーンなタイポグラフィー、自信あるマイクロインタラクションを想起させます。ルビーのカラースキームとして、最も暗い色は構造に控えめに使い、淡いピンクはカードや面積部分に。CTAは彩度の高い赤で確実に目立たせましょう。コツ：追加色を加える代わりに影で立体感を出すことでモノクローム感を守ります。

media.ioで生成したモダンモノクロームジェムの画像例

7）カベルネニュートラルズ

HEX： #7C1020 #A33B4C #D8B6B0 #4A3A3A #E9E0DC

雰囲気： 温かみ、親密、タイムレス

おすすめ用途： インテリアデザインムードボード

温かく親密、キャンドルが灯る部屋や革表紙の本、柔らかな織物のイメージ。ベージュやクリームトーンで広い部分を落ち着かせ、ワインレッドはアートや枕・アクセント壁に重ねます。スモーキーブラウンは木の質感をサポートしつつパレットを濁しません。コツ：赤の中間色を部屋の中で最低２回繰り返し、アクセントが意図的なものと感じさせましょう。

media.ioで生成したカベルネニュートラルズの画像例

8）スパークリングジュエルボックス

HEX： #A10E25 #D8345F #FF9FB2 #FFD6A5 #2A0A12

雰囲気： グラマラス、遊び心、高エネルギー

おすすめ用途： コスメ商品広告

グラマラスで遊び心があり、グロスリップや暖かいスポットライト、シャンパンの弾ける感じ。コーラルピンクやピーチの明るさで、暗い色調や重さを感じさせません。最も深い色はロゴや細部のみに使い、きらめきと軽やかさを維持。コツ：ヒーロー商品色を見出しにも反映し即座に統一感を出します。

media.ioで生成したスパークリングジュエルボックスの画像例

9）クランベリーココア

HEX： #8B1A2B #C14A5A #E0B6A6 #5B3A2E #F3EBE5

雰囲気： フェスティブ、暖かい、親しみやすい

おすすめ用途： ホリデーソーシャルメディアテンプレート

フェスティブで暖かく、クランベリーデザートやココア、柔らかな冬の灯りのイメージ。クリーミーベースで明るい投稿ができ、ブラウンが手作り感やクラフト感を加えます。赤の中間色はバッジや値段、ステッカーに使い、CTAが目立ちすぎず際立ちます。コツ：タイポグラフィーは太くシンプルにし、小さな画面でも読みやすく。

media.ioを使って生成したクランベリーココアの画像例

10) ディープワインミニマル

HEX：#5B0B14 #8E1622 #C24A4A #F0E2D7 #0F0E10

雰囲気：シリアス、ミニマリスト、自信満々

おすすめ用途：アーキテクチャ ポートフォリオ カバー

シリアスでミニマルな、シャープなスーツ、きれいなセリフ、そして静かな自信のように読めます。ブラックとディープに近いワインは、タイトルとセクションブレークの強力な階層を作成します。暖かい紙のトーンをメインフィールドとして使用して、レッズが攻撃的ではなく洗練されたままにしてください。ヒント: 表紙のキュレーション感を保つために、1 ページあたり 1 つまたは 2 つの要素にアクセント レッドを制限します。

media.ioを使って生成したdeep wine minimalの画像例

11) サンセットルビーグラデーション

HEX：#B10F2E #E24C60 #F7A1A1 #F6D7C9 #4B1D24

雰囲気：夢のような、明るい、ロマンチック

おすすめ用途：音楽プレイリストのカバーアート

夢のようで明るい雰囲気で、晩夏の夕日が暖かい夕方に消えていくような気分になります。このルビー色の組み合わせは柔らかいグラデーションに最適で、ミッドレッドがチークとピーチに溶け込み、滑らかな輝きを実現します。アーティスト名や小さなロゴは最も暗い色合いにして、カバーが風通しの良いままにしてください。ヒント: 画面にバンディングを避けるために、グラデーションに微妙なグレインを追加します。

media.ioを使って生成した日没ルビーグラデーションの画像例

12) ベリー&真鍮

HEX：#921023 #C44A57 #F2C9B6 #B08D57 #2B1D16

雰囲気：豪華、職人技、暖かい

おすすめ用途：ジュエリー製品の包装

豪華で職人技で、ブラッシュメタル、ベルベットボックス、暖かいブティック照明を提案しています。真鍮のトーンは、明るい黄色を必要とせずに洗練されたハイライトを加えます。パッケージのベースとして淡いチークを使用し、ホイルスタンプや小さなマークのために深い色合いを予約してください。ヒント: ゴールドのアクセントの厚さを一定に保ち、意図的なハードウェアと読み取るようにしてください。

media.ioを使って生成したberry & brassの画像例

13) ラズベリーリネン

HEX：#A11A2E #D75A6B #F6E8E1 #D8C3B7 #3A2A2B

雰囲気：ソフト、ロマンチック、エアリー

おすすめ用途：結婚式の招待状スイート

柔らかくロマンチックで、リネン紙にプレスされた花と温かく親密な儀式を思い出させます。このようなルビーカラーパレットは、クリームとリネンのトーンが支配的で、深い赤がモノグラムやRSVPハイライトのために予約されている場合、招待状に美しく機能します。チャコールタイポグラフィと組み合わせることで、読みやすさとよりモダンな雰囲気を実現します。ヒント: ミッドピンクを半透明のウォッシュとして印刷して、スイートを明るく保ちます。

media.ioを使って生成したラズベリーリネンの画像例

14) オペラハウス

HEX：#7F0B18 #B21F2D #E1A1A1 #F4EFE6 #2E2A2D

雰囲気：ドラマチック、クラシック、演劇

おすすめ用途：劇場ポスターとチケット

ドラマチックでクラシックで、ベルベットのシート、スポットライトの輝き、エレガントなプログラムの雰囲気をもたらします。大きなブロックやボーダーには深いトーンを使用し、淡い紙の色合いに日付やキャストリストなどの詳細を保持させます。柔らかいピンクは、演劇ムードを崩すことなく、二次的な強調に最適です。ヒント: 特大のタイポグラフィック要素を 1 つ追加して、デザインを本当に舞台にふさわしいものにします。

media.ioを使って生成したオペラハウスの画像例

15) ザクロ&インク

HEX：#9C0F24 #D5536A #F7C7CF #1A1F2A #CFD2D9

雰囲気：清潔で、技術的で、自信があります

おすすめ用途：saasダッシュボードのアクセント

クリーンでテクニカルなこのミックスは、自信に満ちたエネルギッシュなアクセントを備えた鮮明なデータビジュアルのように感じられます。ナビゲーションと構造にはインクネイビーを使用しますが、明るいピンクはカードと空の状態をフレンドリーに保ちます。飽和した赤は、アラート、アクティブな状態、または主要なメトリクスの焦点を当てたハイライトとして最適です。ヒント: インターフェイスが落ち着いて読みやすいように、アクセントの使用率を 10% 未満に保ちます。

media.ioを使って生成したpomegranate & inkの画像例

16) ダスティルビー粘土

HEX：#8D1726 #B8575D #D9B4A0 #A97D6A #F5EFE9

雰囲気：素朴な、手作りの、モダンな素朴な

おすすめ用途：セラミックスブランドルックブック

土っぽくて手作りで、粘土のスタジオ、日光で温めたテラコッタ、柔らかい天然生地を提案しています。ほこりっぽい赤は大人っぽく感じられ、暖かいニュートラルスペースの大きなブロックとよく合います。背景には黄褐色の色合いを、セクションのタイトルや小さなスタンプには深い色合いを使用してください。ヒント: コーティングされていない紙やマット仕上げと組み合わせると、素朴な雰囲気を信じられないほどに保ちます。

media.ioを使って生成したダスティルビークレイの画像例

17) 冬のベリーの霜

HEX：#8A0E1F #C74056 #F3B7C2 #E8F0F4 #2A1B23

雰囲気：さわやかで、明るく、冬らしい

おすすめ用途：スキンケアパッケージ フラットレイ

さわやかで明るく、冷たい朝のベリーティーのような感じで、ほんのり冷たい空気が漂っています。クールで淡いブルーグレーが赤に新鮮なエッジを与え、クリーンビューティーやダームスタイルの製品に適しています。最も明るいトーンをメイン表面として使用し、ブランドマークと成分の強調のために深い色合いを維持します。ヒント: 反射による色の変化を避けるために、マットボトルを選択してください。

media.ioを使って生成した冬のベリー霜の画像例

18) ルビーオーチャード

HEX：#9A1328 #D24B5A #F6D1C8 #8A6F4A #3B2A1F

雰囲気：熟した、自然な、健康的な

おすすめ用途：ボタニカル水彩プリント

熟した自然なこれらの色は、果樹園の果実、天日干しの葉、土のような茎を思い起こさせます。茶色は甘い赤を磨くのに役立ち、アートワークはキャンディーのような明るいものではなくオーガニックなままになります。淡いチークをネガティブスペースとして使用し、ミッドレッドに花びらや果実の果肉を残します。ヒント: エッジを柔らかく、わずかに質感を保ち、本物の水彩画のにじみを模倣します。

media.ioを使って生成したruby orchardの画像例

19) 最小ルビータイプ

HEX：#A1132C #DD5A6E #F7E1E3 #F5F5F5 #242124

雰囲気：モダン、パンチ、クリーン

おすすめ用途：タイポグラフィポスターシリーズ

モダンでパンチがあり、自信に満ちたアクセントのきれいな紙に大胆な編集タイプのように感じます。このようなルビーカラーパレットは、1つの強い色合いでメッセージを伝え、残りの色合いを静かにサポートしたい場合に理想的です。背景にはほぼ白、小さなテキストにはチャコールを使用し、メインの単語または数字には飽和した赤を予約します。ヒント: 色が呼吸できるように、アライメントを厳密に保ち、間隔を広く保ちます。

media.io を使用して生成された最小限の ruby 型の画像例

20) ルビーノワール コントラスト

HEX：#6A0A16#9E1B2B#E56B7A#F1D7CF#0B0B0D

雰囲気：ノワール、大胆、洗練された

おすすめ用途：映画祭プログラム表紙

ノワールで洗練された、シャープでロマンチックなハイライトでビロードのような暗闇を示唆しています。ほぼ黒は、特に映画のテーマでは、赤をより豊かで意図的に見せます。淡いチークを日付とクレジットの柔らかいスポットライトエリアとして使用し、ミッドレッドがメインタイトルを持っています。ヒント: カバーに強力な焦点を与えるために、単一の幾何学的形状またはフレームを追加します。

media.ioを使って生成したルビーノワールコントラストの画像例

ルビーと相性が良い色は？

ルビーは、クリーム、リネン、トープ、ココアなどの暖かいニュートラルと美しくペアリングします。これらは強度を柔らかくし、ルビーをよりプレミアムで編集的な感じにします。チャコールとニアブラックがルビーを映画のような贅沢なムードに深めます。

より新鮮なコントラストを求めるには、インクネイビーやアイシーブルーグレーなどのクールなコンパニオンを試してみてください。これにより、ルビーはよりクリーンでモダンに見えます (UI やスキンケアの美学に最適)。落ち着いたグリーン（セージ、オリーブ）が自然なバランスを加え、ルビーがフォーマルに感じすぎないようにします。

メタリックな雰囲気が必要な場合は、真鍮とアンティークゴールドのアクセントがルビーの豊かさを引き立て、パレットを休日の赤と緑の領域に変えることはありません。

実際のデザインでルビーカラーパレットを使う方法

ruby を階層ツールとして使用します。プライマリ アクション (CTA ボタン、キー ラベル) には飽和した ruby が 1 つ、表面には明るいチーク トーン、構造には濃いほぼ黒/チャコールを使用します。これにより、余分な色に依存せずにコントラストを高く保ちます。

印刷とパッケージでは、ルビーは、コーティングされていない紙、ソフトタッチのマット、または微妙な粒子など、質感が最もよく見えます。大きなルビーの塗りつぶしをわずかにミュートにし(ほこりっぽいワイン)、ロゴ、シール、または単一の焦点要素のために最も明るいルビーを予約します。

デジタル製品の場合は、アクセシビリティに注意してください。コントラストが十分な場合にのみ、ruby CTA とオフホワイト テキストをペアリングし、インターフェイスが「うるさい」と感じないように、本文テキストにはニュートラルを使用します。

AIでルビーパレットビジュアルを作成する

ruby パレットがポスター、UI 画面、または製品モックアップで実際にどのように見えるかを確認したいですか?上記のプロンプトを使用してクイック コンセプト ビジュアルを生成し、「ルビー」を「ガーネット」、「ワイン」、または「ザクロ」に交換して反復して雰囲気を微調整します。

Media.io では、複数のバリエーションをすばやく作成できます。アスペクト比を変更したり、「マット テクスチャ」を追加したり、「撮影禁止」を指定したりして、結果をクリーンでデザイン的に保つことができます。

方向が気に入ったら、16進セットを一貫して保ち、視覚システムがまとまりを保つように照明/テクスチャプロンプトのみを調整します。

次に： ロージーブラウンのカラーパレット