Color Token Generator

Color Token Generator

カラーパレットから CSS / Tailwind / SCSS / JSON のデザイントークンを自動生成するデスクトップアプリ

━━━━━━━━━━━━━━━━━━━━━━━━

■ 概要

カラーパレットを登録するだけで CSS カスタムプロパティ・Tailwind config・SCSS 変数・JSON トークンの4形式を自動生成できるデスクトップアプリです。

パレット設定を JSON ファイルで保存・読み込みでき、トークンを各形式のファイルとして書き出せます。インターネット接続不要。入力データは外部に一切送信されません。

━━━━━━━━━━━━━━━━━━━━━━━━

■ 主な機能

✓ CSS カスタムプロパティ / Tailwind config / SCSS 変数 / JSON の4形式で出力

✓ カラーピッカーまたは HEX 直接入力でパレット編集

✓ トークン名をカスタマイズ可能

✓ パレット設定を JSON ファイルで保存・読み込み

✓ トークンを .css / .js / .scss / .json ファイルとしてダイアログ書き出し

✓ ワンクリックでクリップボードにコピー

━━━━━━━━━━━━━━━━━━━━━━━━

■ 収録ファイル

・ Color Token Generator_1.0.0_x64-setup.exe（インストーラー版）

・ README.txt

━━━━━━━━━━━━━━━━━━━━━━━━

■ 動作環境

・ Windows 10 / 11（64bit）

・ Microsoft Edge WebView2 ランタイム（Windows 11 は標準搭載）

※ Windows 10 では別途インストールが必要です

━━━━━━━━━━━━━━━━━━━━━━━━

■ 注意事項

・ 初回起動時に Windows スマートスクリーンの警告が表示される場合があります。「詳細情報」→「実行」で起動できます。

・ 本ツールの使用で生じた損害について作者は責任を負いません。