メインコンテンツにスキップ
ToolShed
ホーム
人気
新着
すべてのツール
読み込み中...
ホーム
カラー
Tailwindカラー変換
カラー
無料
登録不要
Tailwindカラー変換
HEXカラーを最も近いTailwind CSSのカラークラス名に変換。Tailwind開発に便利な無料オンラインツール。
入力
結果
HEXを入力(例:#3b82f6)
コピー
FAQ
よくある
質問
料金はかかりますか？
+
Tailwindカラー変換は完全無料です。登録やログイン、課金、アプリのインストールは不要で、ブラウザがあればすぐに利用できます。
HEX、RGB、HSLのどのフォーマットに対応していますか？
+
オフラインでも使えますか？
+
関連ツール
こちらも
おすすめ
アクセシブルカラー生成
WCAG 2.1のコントラスト比基準（AA/AAA）を満たす色の組み合わせを自動生成。アクセシビリティ対応のWebデザインに。無料オンラインカラーツール。
ANSIカラー一覧
ANSI 16色のコード一覧を表示する無料オンラインツール。ANSIカラー一覧をブラウザ上で即座に実行でき、カラーツールとして登録不要で利用できます。
ブランドカラー一覧
主要ブランドのブランドカラーを一覧表示する無料オンラインツール。
アルファブレンド
HEXカラーに白背景でアルファ値50%を合成する無料オンラインツール。
CMYK→HEX変換
CMYKカラー値をHEXに変換する無料オンラインツール。
コントラスト比チェッカー
文字色と背景色のコントラスト比をWCAG 2.1基準（AA/AAA）でチェック。アクセシビリティ準拠の色選びに。無料オンラインツール。