カラー変換
#223311
バリエーション
このセクションの目的は、選択した色のティント(純白を追加)とシェード(純黒を追加)を10%刻みで正確に生成することです。
プロのヒント: ホバー状態や影にはシェードを、ハイライトや背景にはティントを使用。
シェード
ベースカラーに黒を追加して作成された暗いバリエーション。
ティント
ベースカラーに白を追加して作成された明るいバリエーション。
一般的な使用例
- • UIコンポーネントの状態(ホバー、アクティブ、無効)
- • 影とハイライトで深みを作る
- • 一貫したカラ―システムの構築
デザインシステムのヒント
これらのバリエーションは、統一されたカラーパレットの基盤を形成します。プロジェクト全体で一貫性を保つためにエクスポートしてください。
カラ―コンビネーション
各ハーモニーには独自のムードがあります。ハーモニーを使用して、うまく組み合わせるカラ―コンボをブレインストーミング。
使い方
任意の色をクリックしてそのHex値をコピー。これらの組み合わせは、視覚的なハーモニーを生み出すことが数学的に証明されています。
重要性
カラーハーモニーはバランスを作り、デザインに特定の感情を呼び起こします。
補色
色相が180度異なる色とその反対色。高いコントラスト。
分割補色
メインカラーの反対側から色相が±30度の2つの隣接色。ストレートな補色のように大胆だが、より多用途。
トライアディック
色相が120度ずつ離れた3色。1色を支配的にし、他をアクセントとして使用するのがベスト。
類似色
色相が30度離れた同じ明度と彩度の3色。スムーズな移行。
モノクロマティック
同じ色相で明度が±50%の3色。微妙で洗練された。
テトラディック
2組の補色が、色相で60度離れて配置されています。
色彩理論の原則
バランス
1つの支配的な色を使用し、補助色でサポートし、アクセントは控えめに。
コントラスト
読みやすさとアクセシビリティのために十分なコントラストを確保。
ハーモニー
色は統一された視覚体験を作り出すために協調するべき。
カラーコントラストチェッカー
色の組み合わせをテストして、テキストの読みやすさのためにWCAGアクセシビリティ基準を満たしていることを確認します。
テキストカラー
背景色
コントラスト
WCAG基準
高度なコントラストチェッカー
スライダーで微調整、複数のプレビューなど
誰もが天才です。しかし、魚の木登り能力で判断すれば、一生自分が愚かだと思って生きるでしょう。
技術フォーマット
実用的なフォーマット
カラー分析
色覚シミュレーター
クリエイティブな側面
よくある質問
- #223311 は何色ですか?
- #223311 は 宵オリーブの翳り で – 黒に近い深みを持つ黄緑寄りのオリーブで、微かに黄味を帯びた暗色です。重厚で静かな存在感があり、時間の経過と信頼を想起させます。
- 宵オリーブの翳り は何を象徴しますか?
- 自然と結びつく安定感, 持続性・持久力, 控えめな高級感, 保守性と伝統性, 内向的な成熟. 地中海沿岸ではオリーブの色は豊穣と長寿を象徴し好意的に受け取られます。日本では苔や古木を連想させ、静謐さや侘び寂びと親和します。欧米の軍事文化では同系統の暗緑が実用性とタフさの象徴として受け止められます。
- デザインで宵オリーブの翳り はどこで使われますか?
- 部屋やブランドに用いると視覚的な沈静効果を与え、注意を強制的に引かないことでリラックスを促します。同時に伝統性と品質感を示して、長期的な信頼を築く作用があります。
- 宵オリーブの翳りは気分にどう影響しますか?
- 控えめな威厳と穏やかな安心感 落ち着きと安心感がまず立ち現れ、次に深い信頼感を感じさせます。 colorCode.seoFaqMoodTraits
- 宵オリーブの翳りの歴史は何ですか?
- 緑系の暗いオリーブ色は古くから自然顔料や土性顔料(いわゆる“terre verte/ヴェロネーゼグリーン”)の混合から生まれ、ルネサンス期のフレスコや下彩に用いられてきました。濃度を高めるためには緑土に炭やバーントアンバーを混ぜる手法が古典的でした。
- 宵オリーブの翳りはアクセシブルですか?
- colorCode.seoFaqAccessibilityAnswer 通常のテキストと大きなテキストの両方でWCAG AAに準拠しています。