Контраст на цветовете
Проверете съотношението на контраста за WCAG достъпност. Използвайте Контраст на цветовете безплатно онлайн, без регистрация, с бързи резултати и сигурна обработка в браузъра.
Ratio: 21:1
Примерен текст за проверка на четимостта
Съответствие с WCAG
Контраст на цветовете ви помага да работите с цветове директно в браузъра.
Инструментът е създаден за дизайнери, разработчици и творци, които искат бързи и надеждни резултати.
Supported formats
How it works
Step 1
Отворете Контраст на цветовете
Step 2
Въведете или импортирайте цветове
Step 3
Копирайте, експортирайте или използвайте резултата отново
Чести грешки, които да избягвате
- Пропускането на проверка на контраста може да влоши четимостта.
- Твърде много цветове могат да направят палитрата трудна за използване.
Професионални съвети
- Запазете основните цветове като CSS променливи.
- Тествайте палитрата в светъл и тъмен режим преди публикуване.
Privacy guaranteed: everything is processed locally in your browser.
Когато е възможно, обработката се извършва локално в браузъра. Не е нужен акаунт.
Контраст на цветовете за вашите цветови проекти
Проверете съотношението на контраста за WCAG достъпност.
Контраст на цветовете без загуба на точност
Преобразуванията използват точни стойности (HEX, RGB, HSL, OKLCH). Без визуално приближение — получавате цвета вярно на дизайнерското намерение.
Контраст на цветовете безплатно онлайн
Без регистрация и без сваляне на софтуер. Контраст на цветовете е 100% безплатен и работи във всеки браузър. Безплатният план включва 10 употреби на ден.
Контраст на цветовете бързо и сигурно
Обработката се извършва директно в браузъра за максимална скорост. Никакви данни не се изпращат до сървъри — вашите цветове остават поверителни.
Контраст на цветовете за споделяне и сътрудничество
Експортирайте резултатите като HEX, RGB, HSL, CSS, JSON или ги копирайте с едно кликване. Идеално за споделяне на цветово ръководство с екипа.
Открийте всички наши инструменти за цветове
Извличайте, конвертирайте, създавайте палитри, градиенти и WCAG контрасти с няколко клика.
Related tools
Ръководства и уроци
Научете как да използвате нашите инструменти с нашите подробни ръководства.
color-contrast: практическо ръководство за accessibility
Локализирано ръководство за color-contrast, добри практики за accessibility и чести грешки.
color-contrast: практическо ръководство за accessibility
Локализирано ръководство за color-contrast, добри практики за accessibility и чести грешки.
color-contrast: практическо ръководство за accessibility
Локализирано ръководство за color-contrast, добри практики за accessibility и чести грешки.