Знайдіть найближчий іменований CSS-колір і найближчий відтінок Tailwind для будь-якого кольору — перцептивне зіставлення з готовими для копіювання значеннями.

Ваш колір
#3B82F6
Найближчий CSS-колір
Різниця:
Точний збіг
Найближчий відтінок Tailwind
Різниця:
Точний збіг

Введіть або оберіть будь-який колір і миттєво побачте найближчий іменований CSS-колір та відтінок Tailwind — перцептивне зіставлення у вашому браузері.


Про Пошук іменованих кольорів

Named Color Finder відповідає на просте питання: як називається цей колір? Введіть або оберіть будь-який колір, і він одразу поверне найближчий іменований колір CSS — зі стандартного списку, який розуміють браузери, наприклад «steelblue» чи «coral» — разом із найближчим відтінком палітри Tailwind, наприклад «sky-600».

Зіставлення є перцептивним, а не суто числовим, тож запропоновані назви дійсно виглядають як ваш вхідний колір, а не просто близькі за необробленими значеннями RGB. Індикатор різниці показує, чи є збіг точним, дуже близьким чи лише приблизним, тож ви знаєте, скільки точності віддаєте заради запам’ятовуваної назви.

Пошук виконується повністю у вашому браузері з кнопками копіювання для кожного результату. Це зручно для написання більш читабельного CSS, підгонки довільних брендових кольорів під шкалу Tailwind або просто для того, щоб дізнатися, як називається колір, взятий з фото.

Як використовувати Пошук іменованих кольорів

  1. Введіть значення кольору або оберіть його за допомогою піпетки; натисніть «Random», щоб дослідити варіанти.
  2. Ознайомтеся з найближчим іменованим кольором CSS і найближчим відтінком Tailwind, показаними поряд із вашим вхідним значенням.
  3. Перевірте індикатор різниці, щоб побачити, наскільки близький кожен збіг.
  4. Натисніть «Copy» на потрібному значенні.

Часті запитання

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

CSS визначає близько 148 іменованих кольорів (147 унікальних значень, оскільки деякі є псевдонімами, як gray/grey), від базових на кшталт «red» до рідкісних записів на кшталт «papayawhip». Кожен браузер розуміє їх, і цей інструмент знаходить найближчий до будь-якого введеного вами кольору.

Інструмент використовує метрику перцептивної відстані кольору, а не просте порівняння RGB, тож запропонована назва відображає, наскільки схожими кольори виглядають для людського ока — особливо важливо для приглушених тонів і майже сірих кольорів.

Найближчий відтінок зі стандартної кольорової палітри Tailwind, названий у звичному форматі «відтінок плюс число», наприклад «emerald-500». Це корисно для підгонки довільних дизайнерських кольорів під шкалу Tailwind, щоб ваші утилітарні класи залишалися узгодженими.

Ваш вхідний колір ідентичний іменованому кольору — можна замінити назву значенням HEX без жодної візуальної зміни. Нижчі рівні («Very close», «Close», «Approximate») вказують на зростаючу, хоча часто непомітну, різницю.

Поділитися

Популярні запити
пошук назви кольору найближча назва css кольору знайти назву кольору найближчий колір tailwind hex у назву кольору визначити назву кольору
Потрібна допомога?
Виникла проблема з цим інструментом? Повідомте нас.
Повідомити про проблему

Додайте цей безкоштовний інструмент на власний вебсайт — скопіюйте та вставте код нижче.