Aller au contenu principal

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

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

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

    shadcn/ui тема

    Генерирайте тема конфигурации за shadcn/ui. Използвайте shadcn/ui тема безплатно онлайн, без регистрация, с бързи резултати и сигурна обработка в браузъра.

    Base

    Primary

    Secondary

    Muted & Accent

    Destructive

    Borders & Input

    Преглед

    Преглед на компонентите

    Card content

    Muted text example

    @layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 0 0% 4%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 4%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 4%;
    --primary: 0 0% 9%;
    --primary-foreground: 0 0% 98%;
    --secondary: 0 0% 96%;
    --secondary-foreground: 0 0% 9%;
    --muted: 0 0% 96%;
    --muted-foreground: 0 0% 45%;
    --accent: 0 0% 96%;
    --accent-foreground: 0 0% 9%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 90%;
    --input: 0 0% 90%;
    --ring: 0 0% 9%;
    --radius: 0.5rem;
  }
}

    shadcn/ui тема ви помага да работите с цветове директно в браузъра.

    Инструментът е създаден за дизайнери, разработчици и творци, които искат бързи и надеждни резултати.

    Supported formats

    CSS
    Tailwind
    HSL
    shadcn/ui

    How it works

    1

    Step 1

    Отворете shadcn/ui тема

    2

    Step 2

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

    3

    Step 3

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

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

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

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

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

    Privacy guaranteed: everything is processed locally in your browser.

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

    shadcn/ui тема за вашите цветови проекти

    Генерирайте тема конфигурации за shadcn/ui.

    shadcn/ui тема без загуба на точност

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

    shadcn/ui тема безплатно онлайн

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

    shadcn/ui тема бързо и сигурно

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

    shadcn/ui тема за споделяне и сътрудничество

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

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

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

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

    Related tools

    Tailwind палитра
    CSS променливи
    UI Преглед
    Контраст на цветовете

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

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

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

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

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

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

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

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

    Frequently asked questions

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

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