Aller au contenu principal

    Мы используем cookies

    Мы используем cookies для улучшения вашего опыта. Продолжая просмотр, вы соглашаетесь на их использование.

    Подробнее в нашей Cookies и Конфиденциальность

    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 переменные полностью бесплатен и работает в любом браузере. Бесплатный план включает 10 использований в день.

    CSS переменные быстро и безопасно

    Обработка происходит прямо в браузере для максимальной скорости. Данные не отправляются на наши серверы — ваши цвета остаются приватными.

    CSS переменные для обмена и совместной работы

    Экспортируйте результаты в HEX, RGB, HSL, CSS, JSON или копируйте одним кликом. Идеально для обмена цветовой палитрой с командой или документации design system.

    Все наши инструменты для цвета

    Извлекайте, конвертируйте, создавайте палитры, градиенты и контрасты 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

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

    По возможности обработка выполняется в браузере для защиты данных.