Designer & Developer Tools
Check color contrast for accessibility
Test foreground and background colors against WCAG AA and AAA contrast rules.
シェードスケール
パレット
不透明度スケール
グラデーションプレビュー
コントラスト
アクセシビリティプレビュー
テキストとインターフェース表面の可読性を確認します。
シャドウプレビュー
プレミアムシャドウ
Check color contrast for accessibility
このページは、デザインシステム、UIキット、アクセシビリティチェック、再利用可能なトークン生成のためのオンラインcontrast checkerワークフローを必要とする人々のために設計されています。
- Fast visual workflow
- Ready-to-copy CSS and token output
- Useful for design systems and UI kits
- Built for developers and designers
よくある質問
よくある質問と回答
Who is this color tool for?
It is useful for designers, frontend developers and anyone building design systems.
Can I copy the generated output?
Yes. You can copy and download the generated CSS, SCSS or JSON output.