Tailwind Референция на цветове

Разгледайте безплатно онлайн всички цветове по подразбиране на Tailwind CSS с hex и RGB стойности. Кликнете върху нюанс, за да го копирате незабавно. Идеално за разработчици.

Click to copy:

Как работи

  1. Отворете инструмента и разгледайте всички цветове по подразбиране на Tailwind CSS.
  2. Превъртете през палитрата и намерете желания цвят и нюанс.
  3. Кликнете върху цветния блок, за да копирате автоматично HEX стойността.
  4. Използвайте копираната стойност директно в своя CSS или Tailwind конфигурация.
  5. Превключете между HEX и RGB формати според нуждите на проекта си.

Пример

Вход: blue-500
Резултат: #3B82F6 / RGB(59, 130, 246)

ЧЗВ

Инструментът включва всички стандартни цветове на Tailwind CSS – от slate и gray до rose и violet, с всички нюанси от 50 до 950.

Просто кликнете върху желания цветен блок и стойността ще бъде автоматично копирана в клипборда ви.

Не. Всички операции се извършват директно в браузъра ви. Никакви данни не се изпращат към сървър – инструментът работи изцяло на клиентска страна.

Да, инструментът показва и двата формата – HEX и RGB – за всеки цвят и нюанс на Tailwind CSS.