カラーツールを3本公開して、5ジャンルになりました
カラーまわりを3本公開しました。
- コントラスト比をチェック … その配色で文字が読めるかを判定します
- カラーコードを変換 … HEX・RGB・HSLを変換して、明るさの段階と配色も出します
- 画像から色を抜き出す
判定を主役にした理由
カラーコードを変換したり、画像から色を抜いたりできるサイトは既にいくつもありました。 そこで、その配色で本当に読めるのかを見る方を主役にしています。
判定の基準はWCAG 2.1のもので、本文なら4.5、大きな文字なら3.0、より厳しい基準なら7.0です。 文字と背景を入れると比を計算して、それぞれ通るかどうかを出します。実際の見え方も並べます。
ただし、比が足りていれば読みやすいとは限りません。書体や字の太さでも変わります。 色覚の特性による見え方の違いも、この判定には含めていません。