字級級數結果
100.0
%
61.0
px
100.0
%
工具頁摘要
字級級數計算機 — Profile B 計算器型 YMYL 工具。
分類:創意設計 / Design。正式路徑:/tools/design/type-scale-calculator。狀態:GOLD。本頁提供可直接閱讀的工具用途、輸入情境、結果解讀、FAQ、信任聲明與相關資源摘要,協助讀者在使用前了解適用情境與限制。
本工具提供一般資訊與估算輔助,計算結果會受輸入值、假設條件與資料更新影響。財務、健康或法律相關結果不應視為專業建議;做出重大決策前,請依實際情況查核來源並諮詢合格專業人士。
中文摘要:字級級數計算機 是 Formula Universe 收錄於 創意設計 / Design 分類的工具頁,包含工具用途、輸入指引、結果解讀、FAQ、資料來源、限制說明與責任參考。
最後更新:2026年6月23日
本頁面由 Formula Universe 編輯團隊審核並維護。我們定期更新工具內容、驗證計算邏輯和資料來源準確性,以確保提供讀者最新、最可靠的資訊。
Design · 字級級數 · Gold Tool
用基礎字級、級數比率與級數次數算出字級序列、最大字級與匹配分數
Type Scale Calculator 依據基礎字級、級數比率與級數次數,計算字級序列、最大字級與匹配分數,協助您判斷標題層級是否清晰、該選哪種比率、是否需要調整基礎字級,讓您在決定排版規格前就把字級層級算清楚。
範例 → 計算機
先用範例理解基礎字級與比率如何決定層級序列,再改成自己的數據。
字級級數結果
100.0
%
61.0
px
100.0
%
結果解讀
L7 固定六格,將目前級數比率放進常見區間;這是設計參考,不是排版品質結論。
級數極小,層級差異幾乎不可見,僅適合極細微的排版調整。
61.0 px
常見於正文與輔助文字的級數,適合密排資訊與表單。
61.0 px
Major Third 至 Major Second 區間,最常用的標題與正文級數。
61.0 px
層級差異明顯,標題與正文對比清晰,適合內容行銷與登入頁。
61.0 px
接近黃金比例的級數差,視覺衝擊強,適合品牌首頁與藝術排版。
61.0 px
極大級數差,層級跳躍非常劇烈,僅適合裝飾性或概念性排版。
61.0 px
情緒與轉換層
L9 會連動目前計算結果,顯示合規分數、最大字級與級數比率提示。
進度洞察卡
動力卡
儲存 / 分享
用行高計算機一起看,把字級大小與行高比例一併納入設計規劃。
下一步行動
決策路徑
Base
Ratio
Max
Match
知識
字級級數是透過固定比率遞增基礎字級,產生和諧的標題層級序列;比率越高代表層級差異越明顯,是模組化排版的基礎工具。
最大字級 = 基礎 × 比率^次數。匹配分數 = max(0, (1 − |實際比 − 目標比| ÷ 目標比) × 100)。合規分數 = min(實際比 ÷ 目標比 × 100, 100)。
本工具以數學比率估算;實際排版還受字體度量、行高、字距與瀏覽器渲染影響。
比率低於 1.125 建議用於密排場景;1.25 是最通用的級數;1.5 以上適合品牌視覺衝擊,並用匹配分數判斷層級清晰度。
級數結果應與行高、對比度與版面比例一起看,才能在可讀性、美感與無障礙之間取得平衡。
基礎 16px、比率 1.25、6 次 → 最大字級約 48.8px,匹配分數 100%,合規分數 100。
FAQ
本工具將基礎字級乘以比率的次方得到各層級字級,再與目標比率比較算出匹配分數與合規分數。
匹配分數達 100 代表完全符合目標比率;若低於 100,建議調整比率或基礎字級。
一般網頁用 Major Third(1.25)即可;品牌視覺衝擊或藝術排版建議用 Perfect Fifth(1.5)。
降低比率、減少次數或提高基礎字級,讓層級差異更柔和。
需要。次數決定最終最大字級,比率不變但次數影響整體層級跨度與可用性。
不能。它只是快速估算與教育用途;正式排版應以實際瀏覽器預覽與量測為準。
推薦工具
* 聯盟連結,購買後我們可能獲得佣金。
解鎖批量級數計算、CSS 匯出、自訂比率預設與團隊協作。
信任聲明 · 相關工具 · 參考資料
本工具僅供設計規劃與教育用途,不取代實際瀏覽器預覽或排版品質檢測。
Color Contrast · Aspect Ratio · Golden Ratio · Line Height
W3C CSS font-size 規範;Typescale.com 參考;模組化排版指南;無障礙設計指南。