Color SafeはWCAG準拠のカラーピッキングツール設計者が必要とするものです

Webデザイナーは絶えず推進しています よりアクセシビリティ. これの意味は 聴覚障害および視覚障害に対するWeb上のサポートの強化, コントラストの高いWebサイトを読む際の問題を含む可能性があります.

の カラーセーフ Webアプリは、必要なものにぴったり合った色を見つけるのに最適です。それは無料のWebアプリです テキストのコントラスト比の品質を評価します, 背景色、フォントサイズ、およびフォントファミリに基づく.

これは非常にインタラクティブなWebアプリです。 他の配色ジェネレータだけではありません.

まず、あなた 背景色を入力してください そして フォントを選ぶ あなたは使っています。これは完全に一致する必要はありませんが、サイズと配置を正しくするようにしてください。あなたのページのものと一致するようにしてください ヘッダではなく本文コンテンツ.

クリックしたら “OK”, 新しい画面が表示されます 色の勧告がいっぱい. あなたはテキストの色を見つけるためにあなたの選んだ背景に最もよく合う色の選択を通して閲覧することができます 高い読みやすさの比率.

WCAGは 非常に厳しいカラーコントラスト比の要件 合格点（AAまたはAAA）を取得する。この評価はに基づいています 特定の比率, 16進コードと互いに不一致によって計算されます。.

たとえば、明るい赤の背景に明るい緑色のフォントを使用すると、WCAGの評価に合格することができません。それがこのツールがとても価値がある理由です.

Photoshopで色をランダムに選ぶ代わりに、次の中から選択できます。 定義済みの色の選択 あなたの背景に合うように調整されています。これにより、すべてのユーザーにとって高い可読性とスムーズな操作性が保証されます。.

私たちはに巨大な投稿をしました アクセシビリティのためのカラーコントラスト, もっと詳しく知りたい場合は、ぜひチェックしてください。そして、あなたがあなたのウェブサイトのための素晴らしいカラーコンボを見つけて動けないならば、カラーセーフを訪れて、そしてそれを打ってください。それは間違いなくあなたを助けます うまくいく配色を見つける.