Tiny Online Tools
Инструменты дизайна
Бесплатные онлайн-инструменты CSS и дизайна для создания градиентов, теней, цветов и типографических стилей для ваших проектов.
Генератор случайных цветовых палитр
Создавайте случайные палитры по правилам цветовой гармонии.
Генератор градиентов
Создавайте CSS-градиенты визуально с живым предпросмотром.
Генератор Box Shadow
Создавайте CSS-тени визуально с живым предпросмотром.
Генератор Border Radius
Визуально управляйте скруглением углов и копируйте CSS.
Генератор CSS Clip-Path
Создавайте CSS clip-path фигуры с живым предпросмотром.
Проверка контраста цвета
Проверяйте соотношение контраста цветов по WCAG 2.1 для доступности.
Предпросмотр шрифтов
Просматривайте Google Fonts с собственным текстом и настройками оформления.
Генератор пар шрифтов
Находите отобранные комбинации Google Fonts для ваших проектов.
Генератор тени текста
Создавайте эффекты CSS text-shadow с живым предпросмотром.
Инструмент межбуквенного интервала
Настраивайте и просматривайте CSS letter-spacing с подсказками по читаемости.
Калькулятор межстрочного интервала
Рассчитывайте оптимальный line-height для читаемой типографики.
Генератор CSS Grid
Создавайте адаптивные CSS Grid-макеты с живым предпросмотром и готовым кодом.
Генератор Flexbox
Создавайте гибкие CSS-макеты с живым предпросмотром и готовым кодом.
Генератор CSS-анимаций
Создавайте переиспользуемые CSS-анимации с живым предпросмотром движения и готовыми keyframes.
Генератор CSS Keyframes
Создавайте пользовательские CSS keyframes визуально, с живым предпросмотром и готовым кодом для копирования.
Генератор CSS-градиента для текста
Создавайте стили текста с градиентом с помощью наглядных настроек, живого предпросмотра и готового CSS.
Генератор цветовой палитры
Создание гармоничных цветовых палитр на основе одного базового цвета.
Экстрактор градиентной палитры
Извлечение градиентных цветов из изображений прямо в браузере.
Конвертер HEX в Tailwind
Преобразование цветов HEX в ближайшие классы цветов Tailwind CSS.
Генератор цветов Tailwind
Создание полных цветовых шкал Tailwind CSS из базового цвета.
Генератор CSS-переменных
Создание пользовательских CSS-свойств (переменных) для цветов и размеров дизайна.
Генератор палитры теней
Создание согласованных многоуровневых CSS-стилей теней для UI.
Генератор гласморфизма
Создание CSS-кода для стилей UI с эффектом гласморфизма.
Генератор неоморфизма
Создание CSS-кода для стилей UI с эффектом неоморфизма.
Генератор градиентных границ
Создание CSS-кода для границ с градиентной заливкой.
Калькулятор соотношения сторон
Вычисление и конвертация соотношений сторон для изображений и видео.
Список случайных цветов
Генерация списков случайных цветов в форматах HEX, RGB и HSL.