Utilia
Категории ▾
Език: bg ▾

Намиране на име на цвят

Намерете името на всеки цвят. Въведете HEX или RGB код и получете 5-те най-близки имена от над 30 000 именувани цвята плюс най-близкото име на CSS цвят.

Как да използвате инструмента за име на цвят

  1. Изберете цвят с Изберете цвят или въведете стойност в Код на цвета: HEX код като #1E90FF, rgb(30 144 255), hsl(210 100% 56%) или друг CSS цвят.
  2. При първото използване инструментът зарежда списъка си с около 32 000 имена на цветове (няколкостотин килобайта, веднъж за посещение). След това резултатите се появяват, докато пишете.
  3. Прочетете Най-близко име до Вашият цвят. Когато кодът е в списъка точно, надписът гласи Точно съвпадение.
  4. Отдолу са изброени 5-те най-близки имена и Най-близки CSS именувани цветове с техния HEX код и разстояние (ΔE). Използвайте Копирай името или Копирай HEX, за да вземете някое от тях.
  5. Сменете Сравнение чрез на CIEDE2000 (CIELAB) или Разстояние в OKLab за сравнение или щракнете върху Случаен цвят, за да разгледате.

Цветът и търсенето остават във вашия браузър. Нищо от въведеното не се изпраща към сървър.

Откъде идват имената

Имената идват от color-name-list, колекция с отворен код, поддържана от David Aerne и много сътрудници под лиценз MIT. Тя събира около 32 000 уникални имена от каталози на бои, исторически речници на цветовете, природата, попкултурата и предложения на общността, от „Absolute Zero“ до „Zucchini“. Всяко име принадлежи на точно един HEX код. Имената са на английски.

Инструментът сравнява цвета ви и със 148-те именувани CSS цвята от CSS Color Level 4 (tomato, rebeccapurple, dodgerblue…), които разбират всички браузъри. Синонимите със същия код се показват заедно, например gray / grey или aqua / cyan. Това са имената, които да използвате в стилов файл, когато искате нещо четливо.

Как се избира най-близкият цвят

Сравняването на HEX кодове цифра по цифра не работи: #808080 и #7F8080 са почти еднакви, но малка промяна в друг канал може да изглежда съвсем различно. Инструментът превръща всеки цвят в перцептивно цветово пространство и измерва разстоянията там.

  • CIEDE2000 (CIELAB) е формулата за цветова разлика на Международната комисия по осветление, използвана при печат и подбор на бои. Тя поправя по-старото разстояние в CIELAB според начина, по който очите ни оценяват светлина, наситеност и нюанс, особено при сините и почти сивите цветове. Реализацията следва Sharma, Wu и Dalal (2005) и е тествана с техните еталонни данни.
  • Разстояние в OKLab е правата линия в OKLab, съвременно пространство, създадено за равномерни възприемани стъпки. То се показва умножено по 100, за да се чете в скала, подобна на ΔE2000. По-бързо е и често съвпада с CIEDE2000; когато се различават, разликите са фини.

Ориентир: ΔE под 1 е невидимо за повечето хора, 1 до 2 е съвсем лека разлика, забележима при поставяне един до друг, а над 5 цветовете изглеждат ясно различни. Ако най-близкото име има голямо ΔE, цветът ви просто е между именувани цветове.

Идеи за използване на имена на цветове

  • Назовавайте дизайн токени и проби от палитри с нещо по-приятно от код.
  • Опишете цвят в имейл, обява за продукт или алтернативен текст.
  • Намерете CSS ключова дума, близка до цвят на марка, за бързи прототипи.

Често задавани въпроси

Как се казва цветът #1E90FF?

CSS името му е dodgerblue, ярко лазурносиньо, а големият списък на общността го нарича „Clear Chill“ (точно съвпадение). Въведете друг код, за да намерите най-близките му имена по същия начин.

Защо някои имена са необичайни?

Списъкът е създаден от общността и включва закачливи имена от попкултурата и природата. Погледнете петте най-близки резултата и изберете този, който подхожда на контекста ви; именуваните CSS цветове са най-стандартни.

Най-близкото име точно моят цвят ли е?

Само когато надписът гласи Точно съвпадение и ΔE е 0. Иначе името принадлежи на близък цвят: сравнете двете проби една до друга.

Кой метод на сравнение да използвам?

CIEDE2000 е утвърденият индустриален стандарт и е по подразбиране. Разстоянието в OKLab е добра съвременна алтернатива. Изпробвайте и двата, когато цвят е между две имена.

Мога ли да търся по име вместо по код?

Не в този инструмент. Можете обаче да въведете някое от 148-те имена на CSS цветове в Код на цвета, например salmon, и да видите другите близки имена.

Сродни инструменти