HeronTool
日本語▾
ログイン
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
ホーム › 開発ツール ›

Create a Tailwind CSS configuration file by specifying your design tokens.

dev

使い方

  1. Enter your primary and secondary colors
  2. Set font family and border radius
  3. Choose dark mode strategy
  4. Copy the generated config

使用例

Create a Tailwind CSS configuration file by specifying your design tokens

アップロードは一切ありません — すべてブラウザ内でローカル処理されます。

コメント / 報告 / 注釈

先にログインしてください — ログイン

先にログインしてください — ログイン

先にログインしてください — ログイン

関連ツール
JSON整形 JSON を整形・圧縮・検証し、エラー箇所を特定します。 整形 正規表現テスター 正規表現をリアルタイムでテストし、マッチ箇所をハイライト表示します。 正規表現 コードハイライト コードを貼り付けるとワンクリックで色付き HTML にハイライトします。 コード HTMLエンコード HTML エンティティをエンコード／デコードして特殊文字をエスケープします。 エンコード URLエンコード/デコード URL をエンコード／デコード。中国語や特殊文字にも対応します。 エンコード Base64エンコード/デコード テキストを Base64 でエンコード／デコードします。 エンコード 色変換 色を HEX / RGB / HSL 間で変換します。 色 JSONバリデーター JSON の妥当性をチェックし、エラーを特定します。 検証