CSS → Tailwind 変換器
CSSプロパティをTailwindユーティリティクラスに即座に変換。無料、ブラウザ完結。
使い方
- 変換したいCSSプロパティを入力欄に貼り付けます（例：
color: red; font-size: 16px;）。 - 対応するTailwindクラスが即座に表示されます。
- 結果をコピーしてHTMLに貼り付けます。
TailwindCSSについて
Tailwind CSSはユーティリティファーストのCSSフレームワークで、あらかじめ定義されたクラスをHTMLに直接適用してスタイリングします。既存のCSSをTailwindプロジェクトに移行する際や、Tailwindクラスを素早く調べたい場合にこのツールが役立ちます。
FAQ
すべてのCSSプロパティに対応していますか？
主要なCSSプロパティ（スペーシング・タイポグラフィ・色・フレックス・グリッド・ボーダーなど）に対応しています。カスタム値やTailwindにマッピングがないプロパティは変換されない場合があります。
Tailwind v3とv4のどちらに対応していますか？
Tailwind CSS v3のクラス命名規則を基にしています。
対応するTailwindクラスがない場合はどうなりますか？
近似するクラスか、Tailwindの任意値構文（例：text-[#ff5733]）を提案します。
データはサーバーに送信されますか？
いいえ。すべての変換処理はブラウザ内で完結します。