px rem em 変換 CSSフォントサイズ計算
4pt/8pt余白グリッド・タイプスケール・dp対応
iPhoneのみ対応
無料 · アプリ内購入 · iPhoneに対応しています。macOSでは検証されていません。
iPhone
基準サイズを自分で決めて px、rem、em、pt、% を同時表示。タイプスケール、4/8pt スペーシング、貼るだけの CSS 変数まで。
px to rem、rem to px、em、pt、% を入力と同時に変換。しかも、プロジェクトで実際に使っているルートフォントサイズを基準に計算します。
多くの変換ツールはルートを16px固定にしたまま終わりです。このアプリはルートフォントサイズ、em の基準サイズ、DPI を一度決めておくだけで、ライブ変換もタイプスケールもスペーシングトークンもクロスプラットフォームの密度表も、すべてその基準で再計算されます。iPhone ネイティブアプリなので、ブラウザのタブを探す必要も、通信環境も要りません。
できること
・全単位を同時表示：値をひとつ入力すると px、rem、em、pt、% が並んで表示され、どれもワンタップでクリップボードにコピーできます
・自分専用の基準：ルートサイズ(8〜32px)、em コンテキスト(8〜48px)、DPI(72〜320) をスライダーで設定。62.5% ルートや 96 以外の DPI でも、教科書どおりではない実際の数値が出ます。設定は次回起動時も保持されます
・基準を Web の初期値(16px ルート / 96 DPI)へワンタップでリセット
・モジュラータイプスケール：ベースサイズと8種類の比率(短2度 1.067、長2度 1.125、短3度 1.200、長3度 1.250、完全4度 1.333、増4度 1.414、完全5度 1.500、黄金比 1.618)を選ぶと、Display / H1 / H2 / H3 / H4 / H5 / Base / Small / Caption が px と rem で並びます。各ステップに「Ag」のサイズプレビュー付き
・そのまま貼れる CSS：タイプスケールとスペーシングスケールから :root カスタムプロパティを生成。値は rem、px はコメントで併記します
・4pt / 8pt スペーシンググリッドのトークン表を px と rem で表示。各トークンに視覚的なバー付き
・レスポンシブのブレークポイント早見表：640、768、1024、1280、1536 px を px と rem で表示
・小数点とバックスペースを備えた画面上のテンキー、タップ時のハプティクス
・変換にスターを付けたり保存したり。「保存」タブはピン留めと履歴に分かれ、個別の解除・削除、各項目の全単位内訳が見られます
・毎日19:00のローカルリマインダー通知。オン/オフ状態の表示行から iOS の設定へ直接移動できます
学べること
「Learn」タブには開閉式の解説が6本あります(px と rem と em と pt の違い、rem がアクセシビリティに効く理由、パーセントと font-size、DPI / PPI とデバイスピクセル、モジュラータイプスケール、4pt と 8pt グリッド)。それぞれコード例付きで、早見表(16px = 1rem = 12pt = 100%)と MDN、W3C、WCAG 2.2、Apple HIG への参考リンク一覧も収録しています。
こんな方に
・デザインファイルを実際のスタイルシートの値に落とし込むフロントエンド開発者
・画面をまたいでタイポグラフィと余白を揃えたい UI / プロダクトデザイナー
・デザインシステムのトークンを一元管理したい方
Web の変換ツールとの違い
Web ツールはタブを閉じた瞬間に基準を忘れ、一度に扱えるのは1つの値だけで、貼り付けられるコードも残りません。このアプリならルートサイズ・em コンテキスト・DPI は保持され、結果は5単位同時に表示され、スターを付けた値は「保存」タブに残り、タイプスケールとスペーシングはそのままスタイルシートに貼れる CSS として出力されます。
プライバシー
計算も保存もすべて端末内、ローカルの UserDefaults だけで完結します。アカウント登録なし、サインインなし、広告なし、解析 SDK なし。データが端末外に出ることはありません。完全オフラインで動作します。
フルアクセス
フルアクセスで、モジュラータイプスケール生成、CSS 変数の書き出し、4pt / 8pt スペーシングとクロスプラットフォーム密度ツール、そしてピン留めと保存履歴の無制限利用が解放されます。プランは週額、年額、または買い切りのライフタイムからお選びください。お支払いは購入確定時に Apple アカウントへ請求されます。サブスクリプションは現在の期間終了の24時間以上前に解約しない限り自動更新され、App Store アカウント設定からいつでも管理・解約できます。ライフタイムは一度きりの購入で、更新はありません。購入内容の復元にも対応しています。
ルートサイズを決めて、最初の値を入力し、結果をそのままスタイルシートへ貼り付けてください。
Terms of Use (EULA): https://web-levi.web.app/terms
Privacy Policy: https://web-levi.web.app/privacy-policy
お問い合わせ: tphuc.work@gmail.com
評価とレビュー
- このアプリは、概要を表示するには評価件数やレビュー件数が不十分です。
バグ修正とパフォーマンスの向上。
サブスクリプション
アプリ内購入
デベロッパである“Phuc Pham”は、アプリのプライバシー慣行に、以下のデータの取り扱いが含まれる可能性があることを示しました。詳しくは、 デベロッパプライバシーポリシー を参照してください。
データの収集なし
デベロッパはこのアプリからデータを収集しません。
アクセシビリティ
デベロッパは、このアプリがサポートしているアクセシビリティ機能をまだ示していません。 詳しい情報
情報
- 販売元
- Phuc Pham
- サイズ
- 4.4 MB
- カテゴリ
- グラフィック／デザイン
- 互換性
iOS 17.0以降が必要です。
- iPhone
iOS 17.0以降が必要です。 - Mac
macOS 14.0以降とApple M1以降のチップを搭載したMacが必要です。 - Apple Vision
visionOS 1.0以降が必要です。
- iPhone
- 言語
- 英語
- 年齢制限
4+
- 4+
- アプリ内購入
あり
- 余白とブレークポイント 買い切り ¥3,500
- 基準フォントサイズ 週額 ¥400
- デザインシステム 年額 ¥1,800
- 著作権
- © 2026 Phuc Pham