指定した基準値でピクセルとremを変換します

デザイナーやフロントエンド開発者が画面デザインを実装へ渡す前には、ピクセルとREMが役立ちます。指定した基準値でピクセルとremを変換します。

指定した基準値でピクセルとremを変換します。ブラウザーで無料で使え、アカウントを作らずに結果を確認して次の作業へ進めます。

24、PX、基準値16を使用すると、ツールはピクセルサイズを対応するrem値に変換します。結果エリアに表示された値を確認し、数値または基準値を変更して、スタイルシートを編集せずに他のレイアウトを比較できます。

入力

24
PX
16

出力

24px = 1.5rem

変換では、選択した基準値がスタイルシートと一致していることを前提としています。基準値が誤っていると、誤解を招く比率になります。
インポートするファイルは、CSV、JSON、MD、XML、YAML などの対応テキスト形式に従っている必要があります。そうでないと読み込みに失敗することがあります。
ツールはコードを編集したり、デザインシステムを検証したり、適切な基準値を選んだりしません。
プロジェクトで小数点以下の桁数が決まっている場合は、表示された値を丸めてください。

すべての計算はブラウザー内で実行されます。作業中、値、単位、基準値は端末上に留まり、アカウントは必要ありません。

プロジェクトで実際に定義されている基準値を使用してください。変換はその数値に依存します。セクションごとに異なる基準値を使っている場合は、それぞれについて操作を繰り返します。調整する要素にどの基準値が適用されるかを確認してから、結果をコピーしてください。

フォームには変換用の入力欄と結果エリアが1つずつ表示されます。対応しているテキストファイルをインポートするか、値ごとに操作を繰り返すことができます。スタイルシートやデザインファイルに入れる前に、変換された各数値を確認してください。

入力した値と基準値に基づいて変換結果を表示します。プロジェクトに丸めのルールがある場合は、結果に自分で適用してください。精度が重要なレイアウトで使用する前に、最終的な数値を確認してください。