> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Цветовая палитра сайта

Редактор Weblium позволяет создавать сайты быстро и легко. Одно из самых существенных преимуществ, которое помогает в этом процессе — это глобальная цветовая палитра сайта. Палитра сайта автоматически подбирает подходящий цвет независимо от того, какой блок или элемент вы добавляете, и помогает сохранить дизайн сайта целостным. 

Статья ниже поможет вам понять, как именно работает цветовая палитра.

# Цветовая палитра сайта

Цветовая палитра отвечает за цвет различных элементов на сайте — например, текста в полях контактной формы, даты в постах блога или цены товаров. В целом большинство элементов можно также настроить вручную, но подбор цветовой палитры поможет вам сэкономить время и минимизировать дизайнерские ошибки. 

1. Для того чтобы изменить цветовую палитру сайта, откройте редактор и нажмите на иконку **Стили сайта** в панели управления:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/kolorova-palitra-saitu-ru-1_1rcph3k.png)
2. В разделе **Цвета** вы можете перейти к готовым пресетам и выбрать один из них:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/kolorova-palitra-saitu-ru-2_19fdw1o.png)
… или  вручную отредактировать палитру вашего сайта, нажав на нее:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/kolorova-palitra-saitu-ru-3_ja96c7.png)
| ${color}[#1aa900](Подсказка:) вы также можете перейти к редактированию палитры через библиотеку палитр, для этого нажмите там на текущую палитру вашего сайта.

3. В новом окне вы сможете отредактировать пять доступных оттенков:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/kolorova-palitra-saitu-ru-4_1b2f5hn.png)
### Брендовый цвет

Это уникальный цвет, который подчеркивает главные элементы на вашем сайте. Его можно применять многократно для поддержания единого дизайна. По умолчанию используется в следующих элементах:

* для **цены товара**, если тот находится на светлом фоне
* для поля **ценового диапазона** и **чекбоксов** в фильтрах товаров

### Акцентные цвета

Используются как дополнительный способ выделения объектов на сайте. Вы можете подобрать светлые и темные акцентные цвета, чтобы затем равномерно распределить их на сайте. По умолчанию используются в следующих элементах: 

* рамка для текста в элементе **Обратный отсчет** (Темный акцент)

### Фон и текст

**Светлый базовый** используется преимущественно для элементов, находящихся на темном фоне, а также в качестве фона для темных элементов. 

**Темный базовый** оттенок палитры, наоборот, используется для цветов элементов, находящихся на светлом фоне. 

По умолчанию, используются в следующих элементах: 

* для разделителя и иконки развертывания текста в элементе **Аккордеон** (в зависимости от фона)
* для текста в элементе **Обратный отсчет** (в зависимости от фона)
* название локации в элементе **Карта** (Темный базовый)
* для **цены товара**, если тот находится на темном фоне (Светлый базовый)
* для **названия товара** (в зависимости от фона)
* в блоке `wireframe-series-3-process` для соединительной линии между пунктами (в зависимости от фона)
* для текстов в **фильтрах** товаров (в зависимости от фона)
* для элемента **Ротатор текста** (Темный базовый)

||| ${color}[#f97700](Важно:) существуют также элементы, цвет которых выбирается автоматически, он может зависеть от выбранного шаблона, пресета шрифтов или пресета палитры. 

Для того чтобы изменения вступили в силу, не забудьте [опубликовать свой сайт.](/ru/article/publikaciya-sajta-1xvrq6l/)