前景色（テキスト色）と背景色を入力するだけで、WCAG 2.1 コントラスト比を即座に計算します。通常テキスト・大きなテキスト・UIコンポーネントそれぞれについて、AA・AAAレベルの合否をリアルタイムで確認できます。
前景色（テキスト）
背景色
コントラスト比
21:1
最高コントラスト
ライブプレビュー
通常テキストのサンプル
大きなテキスト
人気のカラーペア
freee会計でデザイン制作の経費管理もラクラク
アクセシビリティ対応のデザイン業務や外注費も、freee会計なら自動仕訳でスマートに管理。確定申告もまとめてサポートします。
チームのカラーパレットをドキュメント化しよう
承認済みのアクセシブルな色の組み合わせは、Notion のデザインシステムページにまとめておくとチーム全体で再利用できます。