Color色プライバシー: ブラウザ内処理
Color 変換ツール
HEX、RGB、HSL の色を相互変換し、実際の前景/背景の組み合わせで WCAG コントラストを確認します。
入力 / 出力
まずツールを使う
入力、出力、コピー操作をこの領域にまとめています。例と確認項目は下に分けています。
ローカルセッション
入力状態はこのブラウザだけに保存され、アカウントなしで前回の作業を復元できます。
結果のあとに確認
基本の入力/出力が終わってから、必要な例、確認リスト、関連ツールだけを開きます。
例
このツールを始めるための入力例#2563eb on #ffffffrgb(24,24,27) on #fafafahsl(220 90% 56%) on hsl(0 0% 100%)利用シーン
色- HEX、RGB、HSL の色を相互変換し、実際の前景/背景の組み合わせで WCAG コントラストを確認します。
- ブラウザ内処理で入力を扱い、コピー前に結果を確認します。
- 実際のUIの前景と背景の組み合わせで再確認します。
- AA通常テキスト、AA大きいテキスト、AAA通常テキストの基準を分けて見ます。
- Color 変換ツール の結果が次の作業に合うか関連ツールで続けて確認します。