Ниже онлайн-генератор кнопок: цвет, градиент, тень, скругление — отдельно для обычного состояния, наведения и нажатия. Сразу готовый HTML с CSS. Код считается в браузере, ничего на сервер не уходит.
Сжал CSS в одну строку или прислали «простыню» без отступов — ниже онлайн-форматтер. Вставил код, нажал «Форматировать», скопировал результат. Есть и минификация обратно в одну строку.
Ниже генератор оттенков из одного HEX: ровно 10 ступеней от самого светлого к самому тёмному. Не гармонии на круге — только tints/shades одного hue. Клик по свотчу копирует HEX; можно забрать весь ряд как CSS-переменные или списком.