ブランドカラーパレット作成ツール

役割別にブランドカラーを設定すると、実際の配色をプレビューでリアルタイムに確認できます。HEX・RGB・CMYKをテキストで出力して、デザイナーへの色指定やブランドガイドラインの作成にご活用ください。

PREVIEW

ブランドカラーのプレビュー

テキストカラーで表示される本文テキストのサンプルです。実際のコンテンツを想定してご確認ください。

PRIMARY

プライマリカラーを使ったカード要素のサンプルです。

ACCENT

アクセントカラーを使ったカード要素のサンプルです。

アクセントカラーの帯・バナー要素

コントラスト比はWCAG 2.1の相対輝度式に基づいて計算しています。AA（通常テキスト）は4.5:1以上、AAA（通常テキスト）は7:1以上、UIコンポーネント・大テキストは3:1以上が基準です。
CMYKの値はRGBからの数式変換（デバイス非依存）です。印刷用途では使用するインク・紙・プロファイルによって実際の発色が異なるため、DTPソフトや印刷会社での最終確認を推奨します。
ダークモード変換は背景とテキストの色を入れ替えます。プライマリ・セカンダリ・アクセントはそのままです。
「すべてコピー」で全カラーのHEX・RGB・CMYKをテキスト形式でまとめてコピーできます。