Система цветовых оттенков в Tailwind CSS предлагает предопределённую палитру цветов с различными оттенками. 2 Они пронумерованы от 100 (самый светлый) до 900 (самый тёмный). 3

Чтобы применить цвет к элементу, нужно использовать соответствующий служебный класс. 3 Например, чтобы изменить цвет текста на красный с оттенком 500, используется класс text-red-500. 3

По умолчанию в Tailwind CSS есть обширная палитра. 4 Она включает:

• Грейс-шкалу. 3 Диапазон серых оттенков от 100 (самый светлый) до 900 (самый тёмный). 3
• Названные цвета. 3 Набор предопределённых цветов, таких как красный, жёлтый, зелёный, синий, индиго, фиолетовый и розовый, доступных в оттенках от 100 до 900. 3
• Прозрачные и белые цвета. 3 Ключевые слова transparent и white можно использовать для применения прозрачного и белого фона соответственно. 3

Стандартную палитру можно расширить или заменить, добавив новые цвета или изменив существующие в файле конфигурации. 35