テキスト→CSSエスケープ

このツールでできること

• テキスト→CSSエスケープでは、入力の各コードポイントをCSSの16進エスケープ `\hh ` 形式で並べる。
• 関連する観点として テキスト→CSSエスケープ、text to css escape を確認し、結果をコピーして別の作業に使えます。

使い方

1. 入力欄にCSSエスケープ表記へ変えたい文字列を入れます。
2. 結果欄では、各文字が16進コードポイントのバックスラッシュエスケープに変わります。
3. 各エスケープの末尾にはCSSの16進終端としてスペースが付きます。
4. セレクター文字列をCSS.escape互換で作る用途ではなく、全コードポイントの明示表記として確認します。

入力例・出力例

よくある利用シーン

• Unicode文字をCSSの16進エスケープ表記で説明資料に載せたいとき。
• 特殊文字だけでなく英数字も含めて、コードポイント列としてCSS風に可視化したいとき。
• CSS.escape互換ではない単純な `\hex ` 形式をテスト入力として作りたいとき。

結果確認のポイント

• 構文、引用符、改行、エスケープが利用先の仕様に合っているか確認してください。
• テキスト→CSSエスケープ、text to css escapeの観点で、入力内容と出力内容がずれていないか見直してください。
• コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

注意点

• 本番の秘密情報、APIキー、パスワードは入力しないでください。
• 結果を公開・送信する前に、用途に合う形式かを必ず確認してください。

データの扱い / プライバシー

• テキスト→CSSエスケープの主要な処理はブラウザ内で実行されます。
• 入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
• 本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

よくある質問

関連ツール