マルーン — 意味、パレット、補色、調和

探検する 栗色: 色彩心理学、 カラーホイール (相補的、類似、三項)、アクセス可能 色の組み合わせ、および準備ができているパレット。変換する 16進数RGBHSL、CSS変数をコピーし、パレットPNGをダウンロードします。

栗色 カラーホイール 補色 色の調和 ブランドパレット

ヒント: を押してください 入力 任意のフィールドに入力すると、すべての値が更新されます。

マルーンの概要

意味と心理学

マルーンは伝統、深さ、成熟を表します。ファッション、エディトリアル、高等教育、ワイン、ホスピタリティ、高級ブランドの分野で広く使用されています。

コントラストと可読性

明るい背景では、栗色は見出しとボタンにしっかりとしたコントラストを与えます。栗色のブロックにオフホワイトのテキストを追加して、洗練された外観を実現します。

コントラストチェック(白地)
コントラストチェック(黒地)

マルーンパレット

自動生成 色合い (もっと白くなる)、 色合い (より黒く)そして トーン (灰色が多くなります)。任意のスウォッチをクリックして HEX をコピーするか、すべてを CSS 変数としてエクスポートします。パレットPNGもダウンロードできます。

色合い

シェード

トーン

カラーホイールハーモニー

探検する 補完的な ペア、 類似した 近所の人たち、そして 三項の このマルーンからのセットです。これらの組み合わせは、相性の良い色を見つけるのに役立ちます。

補完的

反対側は鮮明なコントラストを実現します。豊かな涼しげなグリーンがマルーンポップを演出します。

類似した

赤紫から赤オレンジの隣り合う色は、温かみのある編集的な雰囲気を与えます。

トライアド

均等な間隔により、ダッシュボードとチャートでバランスの取れたコントラストが得られます。

特徴

  • 同期済み 16 進数 ↔ RGB ↔ HSL 変換。
  • 生成されたパレット: 色合い色合いトーン
  • カラーホイールのハーモニー: 補完的な類似した三項の
  • ワンクリック CSS変数 そしてダウンロード可能 PNG パレット。

アプリケーション

プレミアムなアクセント、見出し、CTA にはマルーンを使用します。オフホワイト、ベージュ、サンド、チャコール、ディープグリーン、または落ち着いたティールと組み合わせてください。データ ビジュアルの場合、トライアド セットは洗練された雰囲気を保ちながら明確な差別化を実現します。

使用方法

  1. HEX を入力します (例: #800000) または RGB/HSL 値を選択して、 を押します 入力
  2. 任意のスウォッチをクリックして、その HEX をコピーします。コントラストを得るには、相補セットまたは三項セットを試してください。
  3. パレット PNG をダウンロードするか、デザイン システムの CSS 変数をコピーします。
  4. 栗色の UI でテキストを読みやすくするには、コントラスト (白/黒) をチェックします。

よくある質問

マルーンと相性の良い色は何色でしょうか?

オフホワイト、ベージュ、クリーム、チャコール、スレート、フォレスト グリーン、ディープ ティール、落ち着いたゴールドのアクセント。

マルーンの反対の色は何ですか?

RGB/HSL ホイール上で反対側のシアンとグリーンを使用すると、最も強いコントラストが得られます。ブランドボタンには深みのあるクールなグリーンを選択。

本文には栗色が適していますか?

白地に栗色を本文テキストとして使用できます。コントラストを確認します。安全のため、見出し、アクセント、コンポーネントには栗色を使用してください。

コンテンツの最終更新日: 2025 年 11 月 18 日。