文字色と背景色のコントラスト比を計算し、WCAGのAA・AAA基準を確認。通常サイズと大きな文字の判定を比較できます。
ブラウザー内で処理し、データはアップロードしません。
前景色と背景色を入力し、計算された比率と各基準の判定を確認します。 色のコントラストだけを確認します。ページ全体のアクセシビリティや法令への適合を保証するものではありません。
このツールを使うにはJavaScriptを有効にしてください。
ここに結果を表示します。
入力値やファイル内容を統計に含めず、どのツールが使われたかを集計します。 プライバシー
違う色に見えても、文字が読みにくい組み合わせはあります。実際の文字色と背景色を測り、文字の大きさや画面の状態も確認しましょう。
画像・文字・絵文字からファビコンを作成。プレビューを確認し、複数サイズのPNGとICOファイルをブラウザーでダウンロードできます。
基準色から類似色・補色・トライアド・単色のカラーパレットを作成。HEXコードのコピーとCSS変数の保存ができます。
2色と角度を指定して線形・放射状のCSSグラデーションを作成。プレビュー後にコードをコピーまたはCSSで保存できます。
無料アカウントを作成するかログインすると、他の端末でもお気に入りのツールを利用できます。
ツールの星を押すとアカウントに保存できます。