Aller au contenu principal

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

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

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

    CSS променливи

    Експортирайте цветове като CSS персонализирани свойства. Използвайте CSS променливи безплатно онлайн, без регистрация, с бързи резултати и сигурна обработка в браузъра.

    --primary
    --secondary
    --accent
    --background
    --foreground
    :root {
  --primary: #6366f1;
  --secondary: #ec4899;
  --accent: #f59e0b;
  --background: #ffffff;
  --foreground: #1f2937;
}

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

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

    Supported formats

    CSS
    HEX
    RGB
    HSL

    How it works

    1

    Step 1

    Отворете CSS променливи

    2

    Step 2

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

    3

    Step 3

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

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

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

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

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

    Privacy guaranteed: everything is processed locally in your browser.

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

    CSS променливи за вашите цветови проекти

    Експортирайте цветове като CSS персонализирани свойства.

    CSS променливи без загуба на точност

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

    CSS променливи безплатно онлайн

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

    CSS променливи бързо и сигурно

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

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

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

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

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

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

    Related tools

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

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

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

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

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

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

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

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

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

    Frequently asked questions

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

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