Симулятор дальтонизма
Посмотрите, как выглядит цвет для человека с нарушением цветовосприятия.
Симулятор дальтонизма
Вставьте один цвет в строку и этот инструмент покажет, как он выглядит для человека с нарушением цветовосприятия, рядом с оригиналом. Он преобразует каждый цвет в пространство LMS конусного ответа, применяет матрицу симуляции для выбранного нарушения и затем преобразует обратно — тот же подход, используемый в профессиональных инструментах доступности, работающих полностью на вашем компьютере.
Выберите тип нарушения из восьми наиболее распространённых форм: протанопия, дейтеранопия и тританопия — это полная потеря реакции красного, зелёного или синего конуса; протаномалия, дейтераномалия и тританомалия — это более мягкие «слабые» версии, которые намного чаще встречаются на практике; ахроматопсия и ахроматомалия имитируют полную и частичную цветовую слепоту. Ползунок интенсивности регулирует эффект от 0% (без изменений) до 100% (полный имитируемый эффект), что полезно для показа спектра тяжести вместо одного наихудшего случая. Результат выводится в HEX, RGB или HSL, с небольшим образцом цвета рядом с каждым значением, чтобы различие было видимым, а не просто читаемым.
Напишите два цвета в строку — передний план и фон, в любом порядке — и инструмент также сообщит коэффициент контрастности WCAG между ними до и после имитации, с проверкой на соответствие порогу AA 4.5:1. Это выявляет обычную ошибку: дизайн с достаточным контрастом для типичного зрения, который становится нечитаемым, когда красный и зелёный или синий и жёлтый становятся трудноразличимыми. Цвета можно писать как hex, rgb()/rgba(), hsl()/hsla() или распространённые имена CSS; строка, в которой не распознано ни одного, сохраняется в виде краткой заметки, а не отбрасывается.
Всё работает локально в вашем браузере — ни один цвет или файл дизайна никогда не загружается. Скопируйте результат, загрузите его как файл .txt или отправьте обратно во входные данные, чтобы проверить другую палитру против другого типа нарушения.