Намерете най-близкия CSS именуван цвят и най-близкия Tailwind нюанс за всеки цвят — перцептивно съвпадение с готови за копиране стойности.

Вашият цвят
#3B82F6
Най-близък CSS цвят
Разлика:
Точно съвпадение
Най-близък Tailwind нюанс
Разлика:
Точно съвпадение

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


За Търсачка на именувани цветове

Търсачката на именувани цветове отговаря на прост въпрос: как се казва този цвят? Въведете или изберете произволен цвят и мигновено получавате най-близкия именуван 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, така че вашите utility класове да останат последователни.

Вашият входен цвят е идентичен с именувания цвят — можете да замените името с HEX стойността без никаква визуална промяна. По-ниските степени ("Very close", "Close", "Approximate") показват нарастваща, макар и често незабележима, разлика.

Сподели

Популярни търсения
търсене на име на цвят най-близко css име на цвят намиране на име на цвят най-близкият tailwind цвят hex към име на цвят идентифициране на име на цвят
Нуждаете се от помощ?
Открихте проблем с този инструмент? Кажете ни.
Докладване на проблем

Добавете този безплатен инструмент към собствения си уебсайт — копирайте и поставете кода по-долу.