ブラウザだけで利用できる！無料ツール：Tailwind カラースケール生成（OKLCH対応）

ベースカラーを1色選び、Chroma（彩度）とHue Shiftを調整するだけで、Tailwind CSS v4推奨のOKLCHベースで自然で美しいカラースケール（50〜950）を生成します。

Tailwind CSSは、ユーティリティファーストのCSSフレームワークです。クラス名だけで素早く美しいUIを構築できるのが最大の特徴で、近年では特にv4でOKLCH色空間を採用したことで、より鮮やかで一貫性のあるカラーデザインが可能になりました。

本ツールは、ブランドカラーを基にTailwindの標準スケール（50〜950）に近い自然なグラデーションを自動生成します。生成されたJSONやCSS変数をそのままtailwind.config.jsやCSSに貼り付けてご利用ください。

Tailwind v4のポイント：
・OKLCH色空間により、明度変更時の色ずれが大幅に減少
・@themeディレクティブで色を定義するのが推奨
・P3ディスプレイ対応でより広い色域を利用可能

Tailwind カラースケール生成（OKLCH対応）