# Палитра цветов

PipUI дает возможность менять цвет текста и фона без необходимости изменять CSS стили. Для этого в нем заготовлены специальные классы, а палитра выбрана на основе Material UI от Google.

Чтобы задать цвет фона элемента, используйте класс <mark style="color:orange;">`.bg-{COLOR}-{INTENSITY}`</mark>, где _{COLOR}_ - цвет, а _{INTENCITY}_ - интенсивность от 50 до 900 с шагом 100 (после 100).

Чтобы задать цвет текста, используйте класс <mark style="color:orange;">`.text-{COLOR}-{INTENSITY}`</mark>

{% hint style="info" %}
Цвета тона 500 можно использовать без суффикса -500
{% endhint %}

{% embed url="https://codepen.io/pipui/pen/NWzvEXz" %}
Пример работы цветовых наборов
{% endembed %}

_Вы можете менять цвет текста и фона наведения, используя те же имена классов с суффиксом -h, в случае с префиксом -i, класс будет первостепенно иметь префикс -h, а уже затем -i, например_ <mark style="color:orange;">`.bg-blue-gray-h-i`</mark>
