Tailwind カラースケール生成（OKLCH対応）｜無料Webツール集

Tailwind CSSについて

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

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