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

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>

*<mark style="color:yellow;">Цвета тона 500 можно использовать без суффикса -500</mark>*

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

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