デザイン・配色

CSS文字サイズスケール

CSS文字サイズスケール — サイズや色を指定し、コードや結果を確認. 入力ガイド: 底, 公比, 個数. 登録不要.

登録不要

ツールを読み込み中…

使い方

  1. 1入力ガイド: 底, 公比, 個数.
  2. 2ツールを実行して結果を確認してください。
  3. 3結果をコピー / 結果をファイルに保存.

使う前に

入力範囲と単位を確認してください。結果は入力条件とブラウザに基づきます。

広告配信で通信情報を処理する場合があります。パーソナライズはプライバシー選択に従います。 プライバシー(英語)

実際の入力と出力の例

実際のエンジンに以下の例を入力した結果です。個人の入力や保存作業は使いません。ツールの例読込で同じ入力を確認できます。

入力例

項目値
底
16
公比
1.25
個数
6

結果例

:root {
  --text-0: 16px;
  --text-1: 20px;
  --text-2: 25px;
  --text-3: 31.25px;
  --text-4: 39.0625px;
  --text-5: 48.8281px;
}
入力条件

以下は入力検証の許容範囲であり、すべての値が現実的・適切だと保証するものではありません。

  • 底: 許容範囲: 0.000000001 ≤ x ≤ 1,000,000,000,000
  • 公比: 許容範囲: 1 ≤ x ≤ 3
  • 個数: 許容範囲: 1 ≤ x ≤ 16 · 整数のみ

関連ツール

すべてのツール