タイポグラフィスケール生成
ベースフォントサイズと比率を指定して、調和の取れたタイポグラフィスケールを自動生成します。
xs (scale -2)
10.24px
0.640rem
Aa あいう
sm (scale -1)
12.8px
0.800rem
Aa あいう
base (scale 0)
16px
1.000rem
Aa あいう
lg (scale 1)
20px
1.250rem
Aa あいう
xl (scale 2)
25px
1.563rem
Aa あいう
2xl (scale 3)
31.25px
1.953rem
Aa あいう
3xl (scale 4)
39.06px
2.441rem
Aa あいう
4xl (scale 5)
48.83px
3.052rem
Aa あいう
5xl (scale 6)
61.04px
3.815rem
Aa あいう
タイポグラフィスケールの使い方
ベースフォントサイズ（通常16px）と比率を選択すると、スケールが自動生成されます。
Major Third（1.25）やPerfect Fourth（1.333）が一般的に使われる比率です。CSSとしてコピーできます。
おすすめサービス
Canva Pro - デザインツール
デザインプロ品質のデザインを簡単作成。テンプレート豊富で初心者にもおすすめ。
Adobe Creative Cloud
デザインPhotoshop・Illustrator等のプロ向けデザインツール。学割あり。
※ PR・広告を含みます