#334180 カラーコードのインサイト
自信を持ってデザインするために必要な、すべての変換、ハーモニー、アクセシビリティチェック。
色の変換
複数のカラーモデルにわたる値を一箇所で生成します。
#334180
≈≈ スチールブルー
参照カラーカード
ΔEが低いほど、視覚的な一致度が高いことを意味します
色合いと濃淡
#334180を白または黒と混ぜたときの変化を探求しましょう。これらのスウォッチは、ホバー状態、シャドウ、背景に最適です。
ホバーして任意のHEX値をコピーし、インターフェース全体で再利用できます。
濃淡 (シェード)
0–100%色合い (ティント)
0–100%一般的な使用例
- UIコンポーネントの状態（ホバー、アクティブ、無効）
- シャドウとハイライトによる奥行きの作成
- 一貫性のあるカラーシステムの構築
デザインシステム
デザインシステムのヒント
これらのバリエーションは、まとまりのあるパレットの基盤を形成します。これらをエクスポートして、マーケティング、製品、エンジニアリングの連携を保ちましょう。
カラーハーモニー
#334180から生成されたハーモニーを使用して、バランスの取れたパレットを即座に構築します。
任意のスウォッチをクリックすると、その詳細ページが開き、さらに探求できます。
使用方法
1つの支配的な色を選び、補助的な色相をタイポグラフィ、サーフェス、行動喚起ボタンのアクセントとして機能させます。
重要性
バランスの取れたハーモニーは、レイアウトを圧倒することなく、意図（落ち着き、エネルギッシュ、プレミアムなど）を伝えます。
アクセシビリティのコントラスト
すべての訪問者が明確な体験を楽しめるよう、#334180が一般的なテキストの色でどれだけ読みやすいかを確認します。
本文のコピーにはAAをベースラインとして使用し、プレミアムなアクセシビリティにはAAAを使用してください。
技術的な形式
XYZ、LAB、CMYKバリアント、エクスポート対応プロファイルなどのプロフェッショナルな色空間をロック解除します。
実用的な形式
印刷シミュレーション、LEDマッピング、開発者向けのバイト順序を取得します。
色分析
スペクトルデータ、優位性レポート、高度な分析を詳しく調べます。
色覚シミュレーター
#334180が一般的な色覚異常でどのように見えるかをプレビューします。
クリエイティブな側面
季節の関連性、感情的な手がかり、自然界での出現を探求します。
デザインガイダンス
バランス
#334180をハイライトとして扱います。ニュートラルカラーと1つの補助的な色相と組み合わせて、視覚的な過負荷を避けてください。
コントラスト
実際のコンテンツで組み合わせをテストします。コントラストが高いほど、スキャン、可読性、コンバージョンが向上します。
ハーモニー
サーフェスには明るい色合いを、プライマリにはベースカラーを、ホバーまたは押下状態には暗い濃淡を使用します。