#E22835 燃える石榴(もえるざくろ)

    カラーコード、バリエーション、ハーモニーを生成し、コントラスト比を確認。

    カラー変換

    HEX

    #e22835

    HEX
    #e22835
    HSL
    356, 76, 52
    RGB
    226, 40, 53
    XYZ
    33, 18, 5
    CMYK
    0, 82, 77, 11
    LUV
    49,152,26
    LAB
    49, 69, 41
    HWB
    356, 16, 11

    バリエーション

    このセクションの目的は、選択した色のティント(純白を追加)とシェード(純黒を追加)を10%刻みで正確に生成することです。

    プロのヒント: ホバー状態や影にはシェードを、ハイライトや背景にはティントを使用。

    シェード

    ベースカラーに黒を追加して作成された暗いバリエーション。

    ティント

    ベースカラーに白を追加して作成された明るいバリエーション。

    一般的な使用例

    • UIコンポーネントの状態(ホバー、アクティブ、無効)
    • 影とハイライトで深みを作る
    • 一貫したカラ―システムの構築

    デザインシステムのヒント

    これらのバリエーションは、統一されたカラーパレットの基盤を形成します。プロジェクト全体で一貫性を保つためにエクスポートしてください。

    カラ―コンビネーション

    各ハーモニーには独自のムードがあります。ハーモニーを使用して、うまく組み合わせるカラ―コンボをブレインストーミング。

    使い方

    任意の色をクリックしてそのHex値をコピー。これらの組み合わせは、視覚的なハーモニーを生み出すことが数学的に証明されています。

    重要性

    カラーハーモニーはバランスを作り、デザインに特定の感情を呼び起こします。

    補色

    色相が180度異なる色とその反対色。高いコントラスト。

    #e22835
    最適な用途: インパクトのあるデザイン、CTA、ロゴ

    分割補色

    メインカラーの反対側から色相が±30度の2つの隣接色。ストレートな補色のように大胆だが、より多用途。

    最適な用途: 鮮やかでバランスの取れたレイアウト

    トライアディック

    色相が120度ずつ離れた3色。1色を支配的にし、他をアクセントとして使用するのがベスト。

    最適な用途: 遊び心のある、エネルギッシュなデザイン

    類似色

    色相が30度離れた同じ明度と彩度の3色。スムーズな移行。

    最適な用途: 自然にインスパイアされた、落ち着いたインターフェース

    モノクロマティック

    同じ色相で明度が±50%の3色。微妙で洗練された。

    最適な用途: ミニマリストで洗練されたデザイン

    テトラディック

    2組の補色が、色相で60度離れて配置されています。

    最適な用途: 豊かで多様なカラースキーム

    色彩理論の原則

    バランス

    1つの支配的な色を使用し、補助色でサポートし、アクセントは控えめに。

    コントラスト

    読みやすさとアクセシビリティのために十分なコントラストを確保。

    ハーモニー

    色は統一された視覚体験を作り出すために協調するべき。

    カラーコントラストチェッカー

    色の組み合わせをテストして、テキストの読みやすさのためにWCAGアクセシビリティ基準を満たしていることを確認します。

    テキストカラー
    背景色
    コントラスト
    1.00
    Fail
    非常に悪い
    小さなテキスト
    ✖︎
    大きなテキスト
    ✖︎
    WCAG基準
    AA:通常のテキストの最小コントラスト比は 4.5:1、大きなテキストの最小コントラスト比は 3:1。ほとんどのウェブサイトで必須。
    AAA:通常のテキストに対する強化されたコントラスト比は 7:1、 大きなテキストに対するのは4.5:1。最適なアクセシビリティのために推奨。
    すべてのテキストサイズに対してコントラストが不十分です - WCAG基準に不適合です。

    高度なコントラストチェッカー

    スライダーで微調整、複数のプレビューなど

    誰もが天才です。しかし、魚の木登り能力で判断すれば、一生自分が愚かだと思って生きるでしょう。

    - Albert Einstein

    技術フォーマット

    実用的なフォーマット

    カラー分析

    色覚シミュレーター

    クリエイティブな側面

    よくある質問

    #E22835 は何色ですか?
    #E22835 は 燃える石榴(もえるざくろ) で – 強烈でクリーンな朱赤が視線を引きつける、ほとんどネオンに近い鮮烈さを持つ色です。勇気と即時性を呼び起こし、決断を促すようなアクティブな高揚感を与えます。
    燃える石榴(もえるざくろ) は何を象徴しますか?
    情熱・愛情(情感), 警告・危険(注意), 勢い・スピード(行動), 祝祭性(祭礼・儀式), 性能・パフォーマンス(スポーティ). 日本では神社の朱や祝祭色として縁起がよく受け取られる一方、西洋では情熱や誘惑、緊急性の象徴として広く解釈されます。中国やインドでは赤系は幸福や繁栄を表すが、深すぎる赤は葬儀など負の文脈でも使われることがあり、色相と文脈で意味が変わります。
    デザインで燃える石榴(もえるざくろ) はどこで使われますか?
    この色は空間や画面で見る人の注意を即座に集中させ、決断やクリックなどの行動を促します。連続的に使用すると緊張感が高まり、アクセントとして使うと暖かさと活力を与えます。
    燃える石榴(もえるざくろ)に合う色は何ですか?
    colorCode.seoFaqPairingAnswer #1DD7CA: 補色のシアン系で高い視認性と視線分離を生む(補色ハーモニー)。. #FF6F3B: 類似色の温かいオレンジでグラデーション的に広がりを作る(類似色ハーモニー)。. #0A1F3A: 深いネイビーで重心を与え、コントラストと高級感を出す(トーンアンカー)。.
    燃える石榴(もえるざくろ)は気分にどう影響しますか?
    即時的な情熱と行動の高揚 見る人に即時的な興奮と行動欲求を生む。 colorCode.seoFaqMoodTraits
    どの業界で燃える石榴(もえるざくろ)が使用されていますか?
    colorCode.seoFaqIndustriesAnswercolorCode.seoFaqIndustriesArchetypes
    燃える石榴(もえるざくろ)の歴史は何ですか?
    この種の明るい朱赤は古代から使用され、古代ローマや中国では辰砂(硫化水銀=ヴァーミリオン)やコチニール(虫から取れる赤色素)が同様の鮮烈な赤を生み出した。中世以降、アルカリ媒染によるマダーレイクやコチニール系ラッカーが普及し、衣料や装飾品で鮮やかな赤が重用された。
    デザインで燃える石榴(もえるざくろ)を使用する方法は?
    この色は『アクセントとしての行動喚起』に徹すること:面積を抑え、強いコントラストで焦点化する。colorCode.seoFaqDesignDo
    燃える石榴(もえるざくろ)はアクセシブルですか?
    colorCode.seoFaqAccessibilityAnswer 通常のテキストと大きなテキストの両方でWCAG AAに準拠しています。