CSSプリプロセッサ変換ツール

LESS、SCSS、SASS、StylusとCSSの間を相互変換します。「CSSへの変換」には本物のコンパイラを、それ以外はヒューリスティックな手法を使用します。

無料登録不要クライアントサイドプライバシーに配慮 Updated 5月 17, 2026

変換元から変換先

入力

結果

コンバーターを読み込み中...

使い方

1 変換元の言語と変換先の言語を選びます。
2 スタイルシートを貼り付けます。
3 入力と同時に結果が表示されます。重量のあるライブラリは初回の変換時に必要な分だけ読み込まれます。
4 結果をコピーするか、ファイルとしてダウンロードします。

このツールを使う理由

LESS、SCSS、SASS(インデント記法)、Stylus、純粋なCSSの5形式すべてに対応。
可能な場合は本物のコンパイラを使用: <code class="rounded bg-slate-100 px-1 text-xs dark:bg-slate-800">less</code>、<code class="rounded bg-slate-100 px-1 text-xs dark:bg-slate-800">sass</code>、<code class="rounded bg-slate-100 px-1 text-xs dark:bg-slate-800">stylus</code>は「CSSへの変換」に使われます。
それ以外の変換方向はヒューリスティックな変換(変数記号の置き換え、括弧やインデントの整形)を使用します — 高速ですが完全なトランスパイルではありません。
処理はすべてクライアント側で完結 — スタイルシートがブラウザの外に送信されることはありません。

よくある質問

本物のコンパイラを使う変換方向はどれですか?

LESSからCSS、SCSSからCSS、SASSからCSS、StylusからCSSへの変換はすべて公式コンパイラを使用します。それ以外の方向はヒューリスティックな手法 — 変数記号の置き換え(@と$)、括弧やインデントの整形 — を使用します。

なぜSCSSからLESSへの変換はヒューリスティックのみなのですか?

SCSSからLESSへのネイティブなコンパイラは存在しません。両言語の間ではミックスイン、制御構文、組み込み関数が異なります。このツールは変数記号の置き換えと警告表示のみを行うため、追加の手動修正が必要になる場合があります。

ライブラリの読み込みに失敗した場合はどうなりますか?

ツールは自動的にフォールバック処理(グレースフルデグレード)を行い、「library unavailable」という注記付きで入力内容をそのまま返します。ページがクラッシュすることはありません。

CSSの整形ツールをお探しですか?

ございます — <a href="/css-formatter" class="underline">CSS Formatter</a>をご覧ください。