どのツールを使えばいい？
現在このカテゴリにはカラーコード変換・配色があります。色を選ぶか貼り付けると、HEX、RGB、HSLのコードを表示し、その上の文字がWCAGのコントラスト基準を満たすか確認でき、CSSでコピーできる濃淡や配色を作れます。
色ではなく写真を扱う作業には、JPG・PNG・WebP変換や画像サイズ変更などの画像ツールを使ってください。ブランドカラーのQRコードを作るならQRコード作成が便利です。
よくある質問
なぜコントラストが大切なのですか？
背景と区別しにくい文字は、多くの人にとって読みにくくなります。屋外でスマホを見るときは特にそうです。WCAGでは通常の文字に4.5:1以上の比率を求めています。
デザインツールは増えますか？
はい。色やレイアウトのツールを準備しており、説明ページとテストが完了したものから追加します。