Typography Scale Generator — Modular Scale からタイポグラフィ階層を自動計算・CSS変数で出力【Webツール】

■ このツールについて

Typography Scale Generator は、ベースフォントサイズとスケール比率（Perfect Fourth・Major Third・Golden Ratio など8プリセット）から Modular Scale を計算し、見出し〜キャプションのサイズ階層をプレビュー表示。CSS カスタムプロパティとして出力・コピーできるブラウザ完結型ツールです。

■ 主な機能

✓ 8種類のスケールプリセット（Minor Second〜Golden Ratio）

✓ ベースサイズ（8〜32px）・ステップ数をスライダーで調整

✓ px / rem 単位切り替え + remBase カスタマイズ

✓ CSS変数プレフィックスを自由に設定（例：--fs-）

✓ 実際のフォントサイズでリアルタイムプレビュー

✓ :root CSS カスタムプロパティをワンクリックでコピー

■ 使い方

1. 下記URLをブラウザで開く

https://devtools-hub.vercel.app/tools/typography-scale-generator

2. スケールプリセットとベースサイズを選択

3. プレビューを確認してCSSをコピー

■ 動作環境

・ブラウザ：Chrome / Firefox / Safari / Edge（最新版推奨）

・インストール不要、アカウント登録不要

■ 収録ファイル

・README.txt（Web ツール URL 記載）

■ ライセンス

個人・商用問わず使用可

Copyright (c) 2026 KOMA