Цвет контраст Цхецкер Цвет kontrст Цхцкер

Evaluate the contrast ratio of text and background colors based on WCAG 2.1 guidelines. Instantly generate accessible color adjustments.

HEX/RGB/HSL
HEX/RGB/HSL
Све се ради локално у вашем претраживачу.

Преглед живог текста

Велики наслов (18pt храбар / 24pt редовни)

Ово је преглед великог насловног текста стила.

Нормални текст (до 18пт)

Lorem ipsum dolor sit amet, консектуру adipiscing елита.

Контрастне односе

18.6:1

WCAG 2.1 Статус у складу

WCAG AA захтеви
Нормални текст (4.5:1) PASS
Велики текст (3.0:1) PASS
WCAG AAA захтеви
Нормални текст (7.0:1) PASS
Велики текст (4.5:1) PASS

WCAG 2.1 Упутства

Лако проверите стандарде контраста како бисте изградили приступачне интерфејсе који одговарају упутствима одредбе 508, АДА и ВЦАГ АА или ААА.

Мотор предлога

Аутоматски прилагођава боје постепено дуж ХСЛ координате да би пронашли најближе алтернативе које испуњавају критеријуме контрастног односа.

Потпуно клијент-страна

Компјутације се изводе локално у контексту вашег претраживача. ниједна боја, датотеке или телеметријске координате се не преносе на наше сервере.

Свршене алате за боје

HEX RGB HSL Цветни конвертер
Конвертује боје и прилагођава координате светлости.
Слика Цвет Пицкер
Истражите палете боја из дизајнерских моцкупова.
ЦСС Цвет Конвертер
Конвертује се између ЦМИК, ХСВ, РГБ, ХССЛ и ХЕКС формата.

Цвет контраст чекер

Рачунајте ЦАЦД контрастне пропорције за предграду и позадину боје и приказујете уобичајене резултате текстуалне величине.

улаз
две важеће ЦСС боје и опционални преглед текста.
излаз
Контрастни однос са WCAG АА и ААА пролазе или не успевају индикатори.
Реалне ограничења
Рачунање покрива само контраст светлости; не потврђује интерфејс или рачун за рендеринг шрифта, кретање, фокус или не-цветне коже.
Приватност и обрада података
две важеће ЦСС боје и опционални преглед текста се обрађују у овој табели претраживача. конвертер не прима или чува; затварање или преузети страницу очисти радну ситуацију, осим ако алат изричито нуди локално преузимање.

Како користити овај алат

  1. Додајте две важеће ЦСС боје и опционални преглед текста у алатним контролима.
  2. Изаберите подешавања које утичу на однос контраста са ВЦАГ АА и ААА пролазе или не успевају индикатори, а затим покрените алат.
  3. Прегледајте однос контраста са ЦАА и ААА пролазе или не успевају индикатори пре копирања или преузимања.

Уобичајени режими неуспјеха

Неважеће боје се не могу мерити, а транспарентност без решеног позадине може учинити однос безначајним.

Корисни пример

Поређење текста #f2937 на #ffffff да бисте прегледали његов однос за нормалан и велики текст.