Довідник кольорів Tailwind

Переглядайте безкоштовно онлайн усі стандартні кольори Tailwind CSS із значеннями hex та RGB. Натисніть на будь-який відтінок, щоб скопіювати миттєво. Ідеально для розробників.

Click to copy:

Як це працює

  1. Відкрийте інструмент і перегляньте всі стандартні кольори Tailwind CSS, відображені в організованій палітрі.
  2. Прокрутіть зразки кольорів, щоб знайти потрібний колір і відтінок.
  3. Клацніть будь-який блок кольору, щоб миттєво скопіювати його HEX-значення в буфер обміну.
  4. Перемикайтеся між форматами HEX і RGB залежно від вимог проекту.
  5. Вставте скопійоване значення безпосередньо у свій CSS-файл або конфігурацію Tailwind.

Приклад

Вхід: purple-500
Результат: #A855F7 / RGB(168, 85, 247)

ЧПЗ

Інструмент містить усі стандартні кольори Tailwind CSS з відтінками від 50 до 950 для кожного кольору, включно зі slate, gray, red, blue, green, violet та іншими.

Просто клацніть на потрібний блок кольору, і HEX-значення автоматично скопіюється в буфер обміну без будь-яких додаткових дій.

Ні. Вся обробка відбувається на стороні клієнта у вашому браузері. Жодні дані не надсилаються на жодний сервер, що гарантує повну конфіденційність.

Так, для кожного кольору та відтінку відображаються як HEX, так і RGB значення, тому ви можете вибрати формат, що найкраще підходить для вашого проекту.