CSS単位換算

16pxを1remと置く換算です。ブラウザの実測や、アクセシビリティの適合ではありません。

デザインが 16px、実装が rem——CSSの長さです。ルートを16pxと置くことが多く、ユーザの最小フォントでずれます。一般のmやlbは単位換算です。

影はボックスシャドウ。色の比はコントラストチェックです。

実装で使うとき

コンポーネントの余白を、px指定からremへ直す用途です。em は親のフォントに依存するので、同じ数字でも場所で変わります。ビューポート単位は、実機幅で確認してください。

使い方

1. 数値と、変換元・変換先を選びます。
2. ルートサイズの仮定を確認します。
3. 影や余白のCSSに貼ります。

デザイントークンにしないこと

テーマの公式スケール、印刷mmの保証、アクセシビリティ認証ではありません。