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