Aller au contenu principal

    Използваме бисквитки

    Използваме бисквитки за подобряване на вашето изживяване.

    Научете повече в нашата Бисквитки и Поверителност

    Tailwind палитра

    Генерирайте Tailwind CSS цветови конфигурации. Използвайте 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

    Tailwind
    CSS
    SCSS
    JSON

    How it works

    1

    Step 1

    Отворете Tailwind палитра

    2

    Step 2

    Въведете или импортирайте цветове

    3

    Step 3

    Копирайте, експортирайте или използвайте резултата отново

    Чести грешки, които да избягвате

    • Пропускането на проверка на контраста може да влоши четимостта.
    • Твърде много цветове могат да направят палитрата трудна за използване.

    Професионални съвети

    • Запазете основните цветове като CSS променливи.
    • Тествайте палитрата в светъл и тъмен режим преди публикуване.

    Privacy guaranteed: everything is processed locally in your browser.

    Когато е възможно, обработката се извършва локално в браузъра. Не е нужен акаунт.

    Tailwind палитра за вашите цветови проекти

    Генерирайте Tailwind CSS цветови конфигурации.

    Tailwind палитра без загуба на точност

    Преобразуванията използват точни стойности (HEX, RGB, HSL, OKLCH). Без визуално приближение — получавате цвета вярно на дизайнерското намерение.

    Tailwind палитра безплатно онлайн

    Без регистрация и без сваляне на софтуер. Tailwind палитра е 100% безплатен и работи във всеки браузър. Безплатният план включва 10 употреби на ден.

    Tailwind палитра бързо и сигурно

    Обработката се извършва директно в браузъра за максимална скорост. Никакви данни не се изпращат до сървъри — вашите цветове остават поверителни.

    Tailwind палитра за споделяне и сътрудничество

    Експортирайте резултатите като HEX, RGB, HSL, CSS, JSON или ги копирайте с едно кликване. Идеално за споделяне на цветово ръководство с екипа.

    Открийте всички наши инструменти за цветове

    Извличайте, конвертирайте, създавайте палитри, градиенти и WCAG контрасти с няколко клика.

    Виж всички инструменти

    Related tools

    CSS променливи
    shadcn/ui тема
    SCSS променливи
    Експорт на палитра

    Ръководства и уроци

    Научете как да използвате нашите инструменти с нашите подробни ръководства.

    tailwind-palette: практическо ръководство за developer

    Локализирано ръководство за tailwind-palette, добри практики за developer и чести грешки.

    tailwind-palette: практическо ръководство за developer

    Локализирано ръководство за tailwind-palette, добри практики за developer и чести грешки.

    tailwind-palette: практическо ръководство за developer

    Локализирано ръководство за tailwind-palette, добри практики за developer и чести грешки.

    Frequently asked questions

    Да, инструментът е достъпен онлайн безплатно.

    Когато е възможно, обработката се извършва в браузъра, за да защити данните ви.