Tailwindカラーパレットジェネレーター

単一のブランドカラーから完全なTailwind CSSカラーパレット(50-950)を生成します。知覚的に均一なシェードを設定に貼り付ける準備ができます。

Tailwind CSSは各カラーファミリーに11段階の数値スケール(50、100-900、950)を使用し、500が通常ベースシェードです。

OKLCH色空間でスケールを生成すると知覚的に均一なステップが得られ、各シェードが人間の目に等間隔に見えます。