ratio.

ツールを探す

すべてのツール・カテゴリを見る ↗
モデュラー・タイポグラフィ・スケール

タイポグラフィのモジュラースケール計算

基準サイズと倍率から、指定範囲内の幾何級数的な文字サイズを生成し、pxとremで表示します。

小数点には「.」を使います。全角の数字・英字・記号も入力できます。数値リストの区切りや日付・識別子は、各入力欄に示す書式に従ってください。

値を入力

01 / 入力
計算はお使いの端末内で行われます

計算結果

結果

—

計算手順

手順を1つずつ、またはまとめて表示できます。現在の入力値を使った計算手順です。

    計算方法

    入力されたベースと1つの明示的なレム参照の周りに符号付き整数ステップを使用する。

    Size at step n=base×ratio^n; rem=size/root font size

    計算例

    16 px塩基対1.25の比率は、25 pxをステップ2つとする。

    前提条件と入力上の注意

    算術設計スケール、アクセスできないフォントサイズのアドバイス、ブラウザズーム動作、またはフォントメートルの測定。ルートサイズはビジターブラウザから読み込まれるのではなく、入力される。

    このツールの使い方

    自分の値を入力できますか?

    はい。入力例をご自身の値に変更してください。結果・計算手順・表・対応する図が入力に応じて更新されます。空欄や無効な値がある場合は結果を消去し、不足した入力を自動的に例の値で補うことはありません。

    結果は厳密ですか?

    浮動小数点演算を使用し、表示時に丸めています。計算式・前提条件・記載されたデータ精度を確認して結果を解釈してください。

    入力内容は送信されますか?

    計算はブラウザー内で行います。アカウント・ファイルのアップロード・外部AIサービスは不要です。ページを再読み込みすると入力値は保持されません。

    関連ツール · WEB DESIGNCSSフォントサイズ換算

    ルートと親要素の文字サイズを個別に指定し、px、rem、em、%、CSSポイントを換算します。

    関連ツール · フライト・タイポグラフィ・クランプCSS clampによる可変文字サイズ計算

    2つの画面幅の間で上下限付きの文字サイズを補間し、remとvwを組み合わせた係数を求めます。

    関連ツール · 情報・コンピューター画面サイズの計算

    画面対角寸法と画素数から、有効幅・高さ、縦横比、画素密度、画素ピッチを寸法図とともに求めます。

    広告

    広告掲載用スペースです。