Tailwind палитра
Генерируйте конфигурации Tailwind. Используйте Tailwind палитра бесплатно онлайн без регистрации, с быстрым результатом и безопасной обработкой в браузере.
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
primary: {
50: '#F2F2FD',
100: '#E4E5FB',
200: '#BFC0F8',
300: '#9395F6',
400: '#5B5EF5',
500: '#1418EB',
600: '#0C0FC6',
700: '#0508AD',
800: '#010389',
900: '#010265',
950: '#000133',
},
},
},
},
}Tailwind палитра помогает работать с цветами прямо в браузере.
Инструмент создан для дизайнеров, разработчиков и креаторов, которым нужны быстрые и надежные результаты.
Supported formats
How it works
Step 1
Откройте Tailwind палитра
Step 2
Введите или импортируйте цвета
Step 3
Скопируйте, экспортируйте или используйте результат повторно
Распространённые ошибки
- Если не проверить контраст, читаемость может ухудшиться.
- Слишком много цветов усложняет использование палитры.
Советы профессионалов
- Храните основные цвета как CSS-переменные.
- Проверьте палитру в светлой и темной теме перед публикацией.
Privacy guaranteed: everything is processed locally in your browser.
По возможности обработка выполняется локально в браузере. Аккаунт не требуется.
Tailwind палитра для ваших цветовых проектов
Генерируйте конфигурации Tailwind.
Tailwind палитра без потери точности
Преобразования используют точные значения (HEX, RGB, HSL, OKLCH). Никакого визуального приближения — вы получаете цвет, верный вашему дизайну.
Tailwind палитра бесплатно онлайн
Без регистрации и установки. Tailwind палитра полностью бесплатен и работает в любом браузере. Бесплатный план включает 10 использований в день.
Tailwind палитра быстро и безопасно
Обработка происходит прямо в браузере для максимальной скорости. Данные не отправляются на наши серверы — ваши цвета остаются приватными.
Tailwind палитра для обмена и совместной работы
Экспортируйте результаты в HEX, RGB, HSL, CSS, JSON или копируйте одним кликом. Идеально для обмена цветовой палитрой с командой или документации design system.
Все наши инструменты для цвета
Извлекайте, конвертируйте, создавайте палитры, градиенты и контрасты WCAG в пару кликов.
Related tools
Руководства и уроки
Узнайте, как использовать наши инструменты с подробными руководствами.
tailwind-palette: практическое руководство по developer
Локализованное руководство по tailwind-palette: лучшие практики developer и частые ошибки.
tailwind-palette: практическое руководство по developer
Локализованное руководство по tailwind-palette: лучшие практики developer и частые ошибки.
tailwind-palette: практическое руководство по developer
Локализованное руководство по tailwind-palette: лучшие практики developer и частые ошибки.