Генератор цветовых палитр

Дополнительная, аналогичная, триадная, тетрадная, расщеплённо-дополнительная и другие схемы на основе теории цвета.

Да, скопируйте коды HEX/RGB для каждого цвета или скачайте палитру в виде изображения.

Обычно достаточно трёх-четырёх заметных цветов. Известное правило 60-30-10 отдаёт 60% площади фону, 30% дополнительному цвету и 10% акцентному — и чем скупее акцент, тем чётче выделяются кнопки и ссылки. Добавьте тёмно-серый для основного текста и светло-серый для границ, и большинство экранов готово. После пятого цвета человеку становится трудно понять, что здесь главное.

Оттолкнитесь от этого цвета и сначала соберите аналоговый набор: оттенки в пределах примерно 30 градусов по обе стороны круга уживаются без конфликтов и годятся для фона и второстепенных элементов. Для кнопки, которую нужно заметить, возьмите немного дополнительного цвета с противоположной стороны круга — взгляд пойдёт точно туда. Если планируется тёмная тема, заранее сделайте варианты с тем же тоном, но пониженной насыщенностью и повышенной светлотой.