SheepDev

コントラスト比

コントラスト比では、alpha合成後のcontrast比とWCAG判定を計算します。

コントラスト比

⌂ 入力と結果はこのブラウザー内で処理され、自動保存・送信されません。

入力待ち
● 自動プレビュー

入力・条件

設定

出力

入力待ち

完全なテキスト結果

使い方

文字色が背景に埋もれないかを調べるときは前景と背景、必要なら透明度を指定します。LightとDarkの実際の配色でそれぞれ確認します。

通常文字と大きな文字の判定を分けて読みます。比率だけで画面全体のアクセシビリティは保証できず、画像やグラデーション背景は位置ごとの確認が必要です。

例

#000000
---
#FFFFFF

原理・制限

入力は各欄1,048,576バイト、出力は33,554,432バイト、処理時間は5,000ミリ秒までです。入力を黙って切り詰めません。

使い方・解説

関連ツール

Web・UI・CSS

カラーコード変換

カラーコード変換では、HEX・RGB・HSL・alphaを変換して色をpreviewします。

Web・UI・CSS

CSS単位計算

CSS単位計算では、基準font・viewportを明示してpx/rem/em/vw/vh変換します。