RGB and HEX
Adjust the foreground and background RGB sliders to see the contrast ratio and WCAG 2.2 text contrast results immediately. Tap either existing RGB/HEX color panel to edit its six-digit HEX value or choose Copy HEX. Apply confirms the edit.
Images and screenshots
Use the photo icon to choose an image. Select foreground then background by tapping. Pinch to zoom, drag to pan, or hold for the original-pixel magnifier. Apply transfers the two colors to the main screen; Cancel preserves the original colors. Transparent pixels are composited on white and samples are converted to sRGB.
Nearby candidates
The wand icon offers nearby foreground candidates for normal-text AA or AAA when needed, keeping the background fixed. Preview before applying; use the undo arrow to restore the prior foreground. A target may be unreachable for a given background.
About the results
The results measure only two colors and do not certify a whole image or website. Font size and content are not assessed. All color operations work offline; downloading iCloud images and loading ads require a connection.
日本語
前景・背景のRGBスライダーでコントラスト比とWCAG 2.2の通常文字・大きな文字のAA/AAA判定を即時確認できます。既存のRGB・HEX色表示をタップすると、6桁HEXの編集と「Copy HEX」によるコピーができます。「Apply」で編集を確定します。
写真アイコンから画像を選び、前景→背景の順にタップします。ピンチで拡大、ドラッグで移動、長押しで元ピクセルの拡大鏡を表示できます。「Apply」で反映し、「Cancel」なら元の色を保持します。透明部分は白に合成し、sRGBへ変換します。
杖のアイコンから背景を固定した前景の近似色候補を表示し、適用後は戻す矢印で元に戻せます。背景によっては目標を満たす候補がありません。
判定対象は2色だけで、画像やWebサイト全体の適合を保証しません。文字サイズや内容は評価しません。色の計算はオフラインで利用可能です。iCloud画像の取得や広告の読み込みには通信が必要です。
Contact / お問い合わせ: dev@cyberfox.jp