14種類のCSS単位をすべて瞬時に変換できます。px、rem、em、vw、vh、pt、cm、in、その他の単位を入力するだけで、文脈に応じた相対単位のサポートにより、すべての変換結果を一目で確認できます。
1616px1212pt11pc0.42330.4233cm4.234.23mm0.16670.1667in11rem11em100100%1.111.11vw1.781.78vh1.781.78vmin1.111.11vmax22chCSSの単位は、固定された物理サイズや画面サイズに対応する「絶対単位」と、フォントサイズやビューポートの寸法といった文脈に基づいてスケールする「相対単位」の2つのカテゴリに分類されます。絶対単位には、px、pt、pc、cm、mm、inなどがあります。 相対単位には、rem(ルート要素のフォントサイズに対する相対値)、em(親要素のフォントサイズに対する相対値)、%(親要素に対するパーセンテージ)、vwおよびvh(ビューポートの幅と高さ)、 vminおよびvmax(vwとvhのうち小さい方または大きい方)、ch(現在のフォントにおけるゼロ文字の幅)などがあります。
値を入力し、その基準単位を選択してください。変換ツールは、他の13の単位すべてにおける換算値を即座に表示します。 相対単位を正しく計算するには、コンテキストパネルを展開し、ルートフォントサイズ(通常は16px)、親要素のフォントサイズ、およびビューポートの寸法を設定してください。これらのデフォルト設定は標準的なブラウザ環境に準拠しているため、ほとんどの場合、設定を変更しなくても正しく変換されます。
このツールは、アクセシビリティ基準に準拠するためにデザイン仕様をpxからremに変換する場合や、特定の画面幅でビューポート相対サイズの挙動を確認する場合、あるいはネストされた要素内でem単位がどのようにカスケードされるかを理解する場合に役立ちます。エンジニアは、コードベースをpxベースのレイアウトからremや流動的な単位体系へ移行する際、このツールを頻繁に利用しています。