CSS変数ジェネレーター

CSSカスタムプロパティをオンラインで生成。カラー、スペーシング、タイポグラフィ用のデザインシステムトークンを作成。

CSS変数の生成方法

  1. 1 「変数を追加」をクリックして新しいカスタムプロパティを作成します
  2. 2 各変数の名前、値、タイプを入力します
  3. 3 オプションですべての変数名のプレフィックスを設定します
  4. 4 生成されたCSS出力をコピーしてスタイルシートで使用します

関連ツール

🔒 瞬時に結果表示、AIより速い。登録不要。100%プライベート。

最終更新: 2026年1月15日 · v2.1