カラーツール
端末内で動作し、何も送信されません。何もアップロードされません - すべての変換はお使いの端末上で行われます。
コントラストチェッカー
白背景に対して
AA（通常テキスト）
5.17:1合格AA（大きいテキスト）
5.17:1合格AAA（通常テキスト）
5.17:1不合格AAA（大きいテキスト）
5.17:1合格黒背景に対して
AA（通常テキスト）
4.06:1不合格AA（大きいテキスト）
4.06:1合格AAA（通常テキスト）
4.06:1不合格AAA（大きいテキスト）
4.06:1不合格シェード
HEX、RGB、HSL間で変換し、WCAGコントラストを確認し、シェード（濃淡）ラインを生成します。すべてブラウザ内で完結します。
このツールは、色をHEX、RGB、HSL表記の間で変換し、白背景・黒背景のテキストに対するWCAGコントラスト比を確認し、暗い色から明るい色までのシェードラインを生成します - すべて入力中にブラウザ内でローカルに計算されます。
よくある質問
WCAGのAAとAAAのレベルは何を意味しますか？
これらはWeb Content Accessibility Guidelines（WCAG）によるアクセシビリティのコントラスト基準です：AAは通常テキストで少なくとも4.5:1のコントラスト（大きいテキストでは3:1、18pt以上または太字14pt以上）を要求し、より厳しいAAAは通常テキストで7:1（大きいテキストでは4.5:1）を要求します。AAを満たすことがアクセシブルなテキストの一般的な基準です。
HEX/RGB/HSLを往復変換すると、なぜわずかに異なる値になることがあるのですか？
HSLは色相、彩度、明度を四捨五入した整数として保存するため、RGBをHSLに変換して戻すと、丸め誤差によりチャンネルが1〜2ポイントずれることがあります - これは正常な動作で、HSLをサポートするすべてのカラーツールで起こります。
シェードラインはどのように生成されますか？
色の色相と彩度を固定したまま、HSL空間内で明度のみをほぼ黒からほぼ白まで変化させることで生成します。これは知覚的に均一なライン（より複雑な色空間が必要）ではなく、シンプルで予測可能なラインであり、一般的なカラーツールの多くが提供している方式と同じです。