デザイン・配色

CSSレイアウト・文字組み

PX・REM変換 · CSSグリッドの作成 · CSS可変文字サイズ · CSS変数の作成. CSSレイアウト・文字組み. 機能ごとに入力と設定を保持します。結果を再利用する場合は転送先を選びます。

登録不要

機能ごとに入力と設定を保持します。結果を再利用する場合は転送先を選びます。

フォント · CSS · 生成

入力項目: 名前, URL, 方式, 重さ

この機能へのリンク

ツールを読み込み中…
使い方 · フォント · CSS · 生成
  1. 入力項目: 名前, URL, 方式, 重さ.
  2. ツールを実行して結果を確認してください。
  3. 結果をコピーするか入力を変えて比較してください。

例で出力形式を確認し、原本を別に保管。変換した値・空白・改行を確認してから使ってください。

入力とファイルは移動や再読み込みで消えます。手動保存した下書きやプリセットは別途保持します。使用前に結果を確認してください。

利用できる機能 · 9
PX・REM変換
基準フォントサイズでPXとREMを変換
CSSグリッドの作成
CSSグリッドの作成 — サイズや色を指定し、コードや結果を確認
CSS可変文字サイズ
CSS可変文字サイズ — サイズや色を指定し、コードや結果を確認
CSS変数の作成
CSS変数の作成 — データを入力し、形式や内容を確認
CSSメディアクエリの作成
CSSメディアクエリの作成 — データを入力し、形式や内容を確認
CSS余白スケール
CSS余白スケール — サイズや色を指定し、コードや結果を確認
CSS文字サイズスケール
CSS文字サイズスケール — サイズや色を指定し、コードや結果を確認
CSS · 変数 · 分析
入力項目: CSS
フォント · CSS · 生成
入力項目: 名前, URL, 方式, 重さ

使い方

  1. 1検索または機能を選び、入力してください。
  2. 2実行し、結果やエラーを確認してください。
  3. 3結果の再利用から転送先を選んで適用してください。

使う前に

入力とファイルは移動や再読み込みで消えます。手動保存した下書きやプリセットは別途保持します。使用前に結果を確認してください。

広告配信で通信情報を処理する場合があります。パーソナライズはプライバシー選択に従います。 プライバシー(英語)

関連ツール

すべてのツール