デジタルツール
色変換とコントラストチェック
色変換とコントラストチェック. HEX(#RGB/#RRGGBB)、カンマ区切りのRGB整数0~255、またはHSLの色相0~360・彩度/明度0~100%を選びます。背景は不透明HEXのみで、空欄は#ffffffです。不透明な単色sRGBのみ対応し、アルファ、色名、グラデーション、画像、広色域、空白/スラッシュ形式CSSは不可です。WCAGの閾値0.04045と丸め前の比で判定します。通常AA 4.5:1・AAA 7:1、大文字AA 3:1・AAA 4.5:1。大きな文字は18 pt通常または14 pt太字以上(24/18.67 CSS px)です。丸め表示を再入力すると異なる場合があります。ページ全体の適合性やアクセシビリティを認証しません。
入力と出力の例
入力と設定
Source format: HEX Source color: #000000 Background: #ffffff
期待される出力
HEX: #000000 RGB: rgb(0, 0, 0) HSL: hsl(0, 0%, 0%) Background: #FFFFFF Contrast ratio (approx.): 21:1 Normal text AA (4.5:1): PASS Normal text AAA (7:1): PASS Large text AA (3:1): PASS Large text AAA (4.5:1): PASS
例の入力と出力はそのまま表示します。技術データは翻訳しません。
関連ツール
UnixタイムスタンプとUTC日付計算 · 記述統計計算 · テキスト集計とリスト整理 · ダミーJSON・CSVテストデータ生成