Цвета CSS в Tailwind
Известные hex → text-gray-900. Неизвестные → bg-[#1a2b3c].
Если hex совпадает с базовой палитрой, получается аккуратный токен вроде text-gray-900. Фирменные цвета совпадают редко и записываются как bg-[#1a2b3c] — это честнее, чем подбирать ближайший оттенок, потому что разница заметна глазу. Повторяющиеся цвета лучше вынести в конфигурацию как собственные токены.
Брендовый hex
#111827 часто рядом с gray-900; уникальный hex → text-[#…] или bg-[#…].
Прозрачность
rgba и /opacity → /50 или bg-black/50. Проверьте контраст после конвертации.
Переменные темы
Если цвет в :root, разрешите значение до ожидания именованного токена.
Попробовать
.example { display: flex; gap: 1rem; padding: 1rem; }Заметка о доверии: проверяйте результат визуально. Конвертер — черновик для разработчиков.