Tailwind カラーリファレンス
Tailwind CSSのデフォルトカラーをHexおよびRGB値とともて無料でオンラインで確認できます。任意の色調をクリックしてすぐにコピー。Tailwind開発者に最適なツールです。
Click to copy:
使い方
- ツールを開き、整理されたパレットに表示されたすべてのTailwind CSSデフォルトカラーを確認します。
- カラースウォッチをスクロールして、必要な色と濃淡を見つけます。
- カラーブロックをクリックすると、HEX値が即座にクリップボードにコピーされます。
- プロジェクトの要件に応じて、HEX形式とRGB形式を切り替えます。
- コピーした値をCSSファイルやTailwind設定ファイルに直接貼り付けます。
例
入力: cyan-400
結果: #22D3EE / RGB(34, 211, 238)
よくある質問
Tailwind CSSのすべてのデフォルトカラーが含まれており、slate、gray、red、blue、greenなどを含む各色について50から950までの全シェードを確認できます。
カラースウォッチをクリックするだけで、HEX値が自動的にクリップボードにコピーされます。追加の操作は不要です。
いいえ。すべての処理はブラウザ内でクライアントサイドで行われます。いかなるデータもサーバーに送信されないため、完全にプライバシーが保護されています。
はい、すべての色とシェードについてHEXとRGBの両方の値が表示されるため、プロジェクトに合ったフォーマットを選択できます。
はい、Tailwind Color Referenceツールは完全無料で、登録やアカウント作成も不要です。