Tiny Online Tools logoTiny Online ToolssearchПоиск инструментов…grid_viewВсе инструменты
Главнаяchevron_rightИнструменты дизайнаchevron_rightГенератор цветов TailwindГенератор цветов Tailwind

Генератор цветов Tailwind

Создание полных цветовых шкал Tailwind CSS из базового цвета.

Похожие инструменты

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

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

Создание гармоничных цветовых палитр на основе одного базового цвета.

Конвертер HEX в Tailwind

Конвертер HEX в Tailwind

Преобразование цветов HEX в ближайшие классы цветов Tailwind CSS.

Генератор CSS-переменных

Генератор CSS-переменных

Создание пользовательских CSS-свойств (переменных) для цветов и размеров дизайна.

Генератор палитры теней

Генератор палитры теней

Создание согласованных многоуровневых CSS-стилей теней для UI.

Отражение изображения

Отражение изображения

Отражайте изображения по горизонтали, вертикали или в обоих направлениях.

CSS минификатор

CSS минификатор

Сжимайте CSS, удаляя пробелы, комментарии и лишние правила.

Генератор SVG-спрайтов

Генератор SVG-спрайтов

Объединяйте несколько SVG-файлов в один спрайт с определениями <symbol> для эффективного использования иконок.

apps

Больше инструментов

Просмотрите нашу полную коллекцию бесплатных онлайн-инструментов.

Генератор цветов Tailwind

Генератор цветов Tailwind помогает создавать полные цветовые шкалы для Tailwind CSS из одного базового цвета.

Когда этот инструмент полезен

  • создание пользовательских цветовых палитр для Tailwind-проектов
  • генерация шкалы от 50 до 950 для любого цвета
  • экспорт значений цвета для tailwind.config

Типичный рабочий процесс

  1. Введите базовый цвет.
  2. Просмотрите сгенерированную шкалу от светлого к тёмному.
  3. Скопируйте код для использования в файле конфигурации Tailwind.