Нейтральные
Античный белый
#FAEBD7 Изучить цвет Точный справочник цветов
Каждый цвет должен быть готов к работе.
Проверяйте значения, контрастность и готовые форматы без аккаунтов, воды и выдуманных значений цвета.
#F0F8FF Открыть цвет - 01HEX, RGB, HSL и HWB
- 02Контраст с чёрным и белым текстом
- 03Тинты, затемнения и готовый CSS
Выберите исходный цвет
Откройте цвет и сразу используйте его.
В каждой карточке есть готовые HEX, RGB, HSL и HWB, проверка контраста текста, тинты, затемнения и небольшая заготовка CSS.
От значения к решению
Используйте цвет без лишних догадок.
Откройте любой цвет, сравните форматы, выберите читаемый текст, изучите светлые и тёмные варианты и скопируйте результат в CSS.
Скопируйте нужный формат
HEX, RGB, HSL и HWB показаны рядом — можно переносить цвет между дизайн-инструментами и CSS без ручного пересчёта.
Проверьте контраст текста
Сравните чёрный и белый текст на выбранном фоне и посмотрите, какие пороги WCAG проходит каждая пара.
Соберите практичную палитру
Возьмите расчётные тинты, затемнения, связи по цветовому кругу и варианты прозрачности, а затем скопируйте готовый блок CSS-переменных.