Kazanan
Color Contrast Checker — steps and download
Enter text and background HEX colors. Review the contrast ratio and thresholds for normal and large text, then download a summary of your color decision.
Web design
Color Contrast Checker
Enter foreground and background colours to see contrast ratios and AA/AAA results for normal and large text.
Ücretsiz · 24 saatte yazılı dönüş · Bağlayıcı değil
300+ marka · 10+ yıl · 6 ülke
Get started
WCAG 2.x contrast ratio; normal text AA 4.5:1, AAA 7:1, large text AA 3:1.
Tool processing runs on your device; file and form contents are not sent to a server for processing. Loading the website still creates standard web requests. Using a contact link is a separate action.
Is the contrast result a full accessibility audit?
No. It calculates the WCAG contrast ratio for a color pair. Font size, actual rendering, keyboard use and other accessibility requirements need separate review.
Frequently asked questions
Normal text uses 4.5:1 for AA and 7:1 for AAA; large text uses 3:1 and 4.5:1. The definition of large text is shown separately.
No. It calculates the WCAG contrast ratio for a color pair. Font size, actual rendering, keyboard use and other accessibility requirements need separate review.
Tool processing runs on your device; file and form contents are not sent to a server for processing. Loading the website still creates standard web requests. Using a contact link is a separate action.
Web projeleri, markasıyla ve sesiyle.
Hakan MelekElif Melek
Furkan BeyBayern Transport
Golden Key DubaiVideo yorum
Ömer Özşahinezİgnavus Barbekü
Google yorumları
Google“Web sitemizi Prix Studio'ya tasarlatmak, gelirlerimizde önemli bir artış sağladı. Özgün ve etkileyici bir tasarım sayesinde müşterilerimiz de daha çok etki yaratmaya başardık ve satışlarımızda büyük bir ivme yakaladık.”
Google“Web sitemizi Webflow’a taşıma sürecinde Prix Studio’nun uzmanlığı bize büyük fayda sağladı; özellikle ürün sayfalarının tasarımı, 3d görseller ve kullanıcı deneyimi konusunda başarılı bir iş çıkardılar. Bu teknik altyapıdan sonra SEO çalışmalarımızda da yine Prix Studio ile ilerlemeye karar verdik. Teknik SEO ve site hızı optimizasyonu konusunda verimli sonuçlar aldık, baştaki içerik stratejisi farklılıkları zamanla yerini ortak bir yaklaşıma bıraktı. Şu anda hem tasarım hem arama motoru görünürlüğü açısından istikrarlı bir yükseliş içindeyiz.”
Google“Bir online eğitim akademisi olarak önceliğimiz öğrencilerimizin kullanabileceği anlaşılır bir arayüz tasarımına sahip web sitemizin olmasıydı. Prix Studio online eğitim web site yazılım şirketi, ile birlikte bunu başardık. Kullanıcı dostu ve temiz bir arayüze sahip web sitemiz oldu. İşlerindeki başarıları ve kaliteleri ile kesinlikle tavsiye edebileceğimiz bir kurum.”
- Choose your files or enter your values.
- Check settings and run the tool.
- Review and download your result.
Related tools
Questions
Anything else? Write to us.
Which text thresholds are used?
Normal text uses 4.5:1 for AA and 7:1 for AAA; large text uses 3:1 and 4.5:1. The definition of large text is shown separately.
Is the contrast result a full accessibility audit?
No. It calculates the WCAG contrast ratio for a color pair. Font size, actual rendering, keyboard use and other accessibility requirements need separate review.
Are my files and input data uploaded?
Tool processing runs on your device; file and form contents are not sent to a server for processing. Loading the website still creates standard web requests. Using a contact link is a separate action.
Do I need an account or API key?
No account or API key is required for the tool. Use is free within the file, operation and device limits stated on the page.
Let’s scope it together.
Share your site and goal; a written, fixed-scope plan in 24 hours.
Ekibimiz doğrudan dönüş yapar