ToolCabana

Настройка доступной палитры

Подбирает близкие цвета, соответствующие выбранному целевому контрасту.

Favorites are saved in this browser. Find them in My favorites.

Настройка доступной палитры

Your input stays in this browser unless stated otherwise
Clear your input, files and result, and restore the default settings.
=

Make it yours

Adjust the values, then get your result.

Как использовать Настройка доступной палитры

The accessible palette adjuster takes a foreground and background color plus a target contrast ratio, 4.5 by default, and suggests the nearest foreground colors that reach it. It blends the foreground toward black and toward white in 1,000 steps and reports the first passing HEX value in each direction, with its contrast ratio and a text preview.

  1. Введите запрошенные значения на панели настроек.
  2. Задайте цвет переднего плана, фон и целевой контраст.
  3. Запустите «Настройка доступной палитры», просмотрите результат и используйте доступные элементы копирования или скачивания.

Что поддерживает этот инструмент

Подбирает близкие цвета, соответствующие выбранному целевому контрасту. Предлагает варианты исправления и повторно использует существующие расчёты контраста.

Передний план
Set this value for your task.
Фон
Set this value for your task.
Целевой контраст
Range: 1 to 21

Ограничения и обработка

Изображения используют существующее ограничение холста в 32 мегапикселя. Там, где это поддерживается, допускается до 100 исходных изображений. Вставленный HTML ограничен 200 000 символов; диаграммы Mermaid — 20 000 символов и 300 строк. Для создания SVG и PNG требуется браузер.

Частые вопросы

What contrast ratio should I target for WCAG?

The default target of 4.5 matches WCAG AA for normal text; 3 applies to large text and 7 to AAA. Any target from 1 to 21 can be entered. Suggestions are candidates to review, not a certified conformance result.

Why does it say no foreground can reach the target?

Against some mid-tone backgrounds, even pure black or pure white text falls short of high targets such as 7:1. The tool only adjusts the foreground, so try a lighter or darker background or a lower target.

Does the palette adjuster change the background color too?

No. Only the foreground moves, toward black or toward white, while the background stays fixed. Results are sorted by blend amount, so the first suggestion is the one closest to your original color.

Где обрабатываются мои данные?

Эта операция обрабатывает исходные данные в вашем браузере. Копирование и скачивание выполняются только по вашему действию; входные данные не сохраняются в учётной записи или истории.

Каковы ограничения входных данных?

Изображения используют существующее ограничение холста в 32 мегапикселя. Там, где это поддерживается, допускается до 100 исходных изображений. Вставленный HTML ограничен 200 000 символов; диаграммы Mermaid — 20 000 символов и 300 строк. Для создания SVG и PNG требуется браузер.