✨ 無料・登録不要
カラースケール/トークン生成
ベースカラーから50〜900の段階的なスケールとデザイントークンを自動生成
ベースカラーから50〜900の段階的なスケールとデザイントークンを自動生成
カラースケール/トークン生成は、ブランドカラーから段階的なカラースケールとデザイントークンを無料で作成できるツールです。登録不要・ブラウザ完結で、入力データがサーバーに送信されることはありません。
Tailwind CSS風の段階的なカラースケールを自動生成
デザイントークンとしてそのまま使える形式で出力
会員登録なしで今すぐ利用可能
ブランドカラーやメインカラーをHEXまたはRGBで入力します。
50（最も明るい）から900（最も暗い）までのカラースケールが自動生成されます。
各スケールのコントラスト比の目安を確認し、アクセシビリティに配慮します。
CSS変数またはJSON形式でデザイントークンをコピーします。