カラーコンバーター

カラーコンバーターは、HEX、RGB、HSL、HSB（HSVとも呼ばれます）フォーマット間でカラーを変換します。CSSカラー表記、デザインツールの値、Tailwind CSSユーティリティクラスを切り替える必要があるWeb開発者やデザイナーに不可欠なツールです。

サポートされている任意のフォーマットでカラーを入力するか、ネイティブカラーピッカーを使用してください。他のすべての表現がリアルタイムで更新されます。また、一致するものが見つかった場合に最も近いTailwind CSSカラークラスを提案します。クラスをライブでプレビューするにはTailwind Playgroundをお試しください。カラーを使用してCSSグラデーションを作成するには、グラデーションジェネレーターをご利用ください。

コントラスト比セクションでは、選択したカラーと設定可能な背景色間のWCAG 2.1コントラスト比を計算します。ライブプレビューが表示され、アクセシビリティレベル（AAA（7:1）、AA（4.5:1）、AA Large（3:1）、またはFail）を報告します。カラー選択がアクセシビリティ基準を満たしているか確認するのに役立ちます。

パレットジェネレーターは色彩理論に基づくカラーハーモニーを生成します：補色（カラーホイールの反対側）、類似色（隣接色）、トライアド（均等に3分割）、分裂補色。任意のスウォッチをクリックしてHEX値をコピーできます。

すべての処理はクライアントサイドで行われます。カラーがサーバーに送信されることは一切ありません。すべてのCSSネームドカラーを詳細な説明付きで閲覧したり、選択したカラー値を使用してボックスシャドウやテキストシャドウを生成できます。

1. 入力モードを選択します：HEX、RGB、HSL、HSB、またはPicker。
2. カラー値を入力します。他のすべてのフォーマットが自動的に更新されます。
3. カラープレビュースウォッチを確認し、コピーアイコンで任意のフォーマットをコピーします。
4. コントラスト比セクションで背景色を設定し、WCAGアクセシビリティ準拠を確認します。
5. パレットジェネレーターでカラーハーモニーを探索します。スウォッチをクリックしてHEX値をコピーします。
6. Ctrl+Shift+Cを押してHEX値をコピーします。