モノクロマティックパレットとは?
モノクロマティックパレットジェネレーターは、1つのベースカラーからシェード(暗め)とティント(明るめ)の範囲を生成することで、調和のとれたカラースキームを作成します。ステップ数を調整して、パレットをCSS変数・Tailwindコンフィグとしてエクスポートしたり、個々のHEX/RGB値をコピーしたりできます。
使い方
- カラーピッカーでベースカラーを選ぶか、HEXコードを直接入力してください。
- シェードとティントの数(ステップ)を調整し、明暗の範囲を設定します。
- 個々のカラー値をコピーするか、パレット全体をCSSカスタムプロパティ・Tailwindコンフィグオブジェクト・カラースウォッチ画像としてエクスポートします。
結果
データ可視化用のブルーパレットが必要なダッシュボードを構築しています。#3B82F6をベースとして選び、ほぼ白(#EBF2FE)からほぼ黒(#1A2744)まで9ステップを生成します。CSS変数としてエクスポートし、チャート全体で--color-blue-100から--color-blue-900を使用します。