SCSS→CSS変換器
SCSSコードを標準CSSに変換するコンパイラツール。 ネストや変数の展開をリアルタイムで確認できる。
SCSS入力
CSS出力
このツールをシェア
📖
使い方
Step 1
SCSSを入力
変換したいSCSSコードを入力またはペースト
→
Step 2
出力スタイルを選択
expanded・compressedなどの出力スタイルを選択
→
Step 3
CSSを取得
変換されたCSSをコピーまたはダウンロード
✨
このツールの特徴
リアルタイム変換
SCSSの入力と同時にリアルタイムでCSSに変換
出力スタイル選択
expanded・nested・compact・compressedの4種類
エラー表示
SCSS構文エラーをわかりやすくハイライト表示
❓
よくある質問
SCSSはCSSの拡張言語で、変数・ネスト・ミックスイン・継承などの機能を追加したものです。ブラウザで使うにはCSSへの変換が必要です。
🔗関連ツール
🔐
開発者向けパスワード生成器
強力でランダムなパスワードを瞬時に生成。 文字数や使用する文字種を自由にカスタマイズ可能。
📋
開発者向けJSON整形・検証
JSONデータを見やすく整形・構文検証。 インデント調整や1行への圧縮（minify）にも対応。
🆔
開発者向けUUID/GUID生成器
UUID v4をワンクリックで生成。 最大100個の一括生成、大文字変換、ハイフン有無の切替に対応。
🔗
開発者向けURLスラッグ生成器
テキストからSEO向けのURLスラッグを生成。 日本語のローマ字変換や特殊文字の自動除去に対応。
🕐
開発者向けUnixタイムスタンプ変換器
Unixタイムスタンプと日時を相互変換。 現在時刻のタイムスタンプ取得にも対応。
📷
開発者向けQRコードスキャナー
画像に含まれるQRコードを読み取ってデコードするツール。 URLの場合はリンク表示、テキストはワンクリックでコピー可能。