Toon Tone
RU
ENEnglishESEspañol日日本語한한국어FRFrançaisDEDeutschRUРусскийPTPortuguês

HEX · ИЗОБРАЖЕНИЕ · CSS-НАЗВАНИЯ · CIEDE2000

Определитель названия цвета по HEX и изображению

Используйте определитель названия цвета для анализа HEX, значений RGB, регуляторов HSB или пикселя собственного изображения. Определитель названия цвета сортирует пять ближайших стандартизованных CSS-названий по расстоянию CIEDE2000, сохраняет исходные числовые значения и показывает ближайшую целевую часть персонажа Toon Tone. Изображение обрабатывается только в текущей вкладке.

Обновлено 30 июля 2026 года

Открыть определитель названия цветаИграть в Toon Tone

определитель названия цвета

Как называется этот цвет?

Определитель названия цвета превращает выбранный sRGB-цвет в воспроизводимое сравнение. Он проверяет 148 именованных цветовых ключевых слов CSS, объединяет псевдонимы с одинаковым HEX и сортирует уникальные значения по расстоянию CIEDE2000. Первая строка — ближайшее стандартизованное название, а не утверждение, что все люди назовут цвет одинаково. Определитель названия цвета также сравнивает образец с 46 целями Toon Tone, чтобы перейти от распознавания к тренировке цветовой памяти.

определитель названия цвета

Ответ о цвете с открытым расстоянием

Определитель названия цвета показывает источник, альтернативы, псевдонимы и игровое сравнение, а не выдаёт одно необъяснённое слово.

  • определитель названия цвета

    Четыре удобных способа ввода

    Вставьте трёх- или шестизначный HEX, измените каналы RGB, передвиньте HSB или выберите пиксель локального изображения. Любой ввод в определитель названия цвета обновляет единый канонический шестизначный HEX, поэтому смена способа не создаёт противоречивых результатов.

  • определитель названия цвета

    Пять измеренных названий

    Определитель названия цвета показывает пять ближайших уникальных CSS-цветов и ΔE00 каждого. Точные псевдонимы, например aqua и cyan, остаются в одной строке. Меньшее число означает меньшую дистанцию CIEDE2000; это расстояние, а не процент точности.

  • определитель названия цвета

    От распознавания к практике

    После CSS-результата определитель названия цвета ищет ближайшую цель в библиотеке Toon Tone. Видны персонаж, целевая часть, HEX и расстояние, а ссылка открывает точную страницу упражнения на текущем языке.

Локальное определение цвета

Использовать определитель названия цвета

Введите цвет или выберите пиксель. Определитель названия цвета одновременно обновит значения, CSS-совпадения и цель персонажа.

Без отправки · локальная обработка
Каналы RGB
Регуляторы HSB
Ближайшее совпадение CSSdodgerblue#3B82F6
Расстояние CIEDE20005.69
RGB59, 130, 246
HSB217° 76% 96%

Ключевое слово CSS

Пять ближайших CSS-цветов

  1. dodgerblue#1E90FFРасстояние CIEDE20005.69
  2. cornflowerblue#6495EDРасстояние CIEDE20006.25
  3. steelblue#4682B4Расстояние CIEDE20007.06
  4. royalblue#4169E1Расстояние CIEDE20009.34
  5. lightslategray#778899lightslategray / lightslategreyРасстояние CIEDE200013.33

Ближайшая цель Toon Tone

Stitch

Тот же образец сравнивается со всеми целями частей персонажей.

Целевая частьсиняя шерсть#5078a7
Расстояние CIEDE20008.72
Тренировать этот цвет

определитель названия цвета

Как определять цвет, не скрывая логику

Полезный определитель названия цвета разделяет выбор образца, измерение, название и дизайнерское решение, чтобы ответ можно было объяснить.

определитель названия цвета

1. Выберите надёжный образец

Если известен HEX, используйте его. На изображении нажимайте на ровный, хорошо освещённый пиксель, а не на сглаженный край, тень, блик или след сжатия. Определитель названия цвета читает один отрисованный sRGB-пиксель и не может восстановить исходную краску или фирменный токен автора.

определитель названия цвета

2. Проверьте числовой цвет

До принятия названия проверьте HEX, RGB и HSB, которые показывает определитель названия цвета. RGB сохраняет экранные каналы, HSB описывает оттенок и интенсивность, а образец помогает быстро сверить вид. Если выбран неверный пиксель, возьмите новый до интерпретации названий.

определитель названия цвета

3. Читайте список, а не только первое место

Цветовые слова CSS распределены по sRGB неравномерно. Поэтому определитель названия цвета показывает пять кандидатов с расстояниями. Когда два значения близки, альтернативы честнее описывают неоднозначность, чем выдуманный процент уверенности.

определитель названия цвета

4. Проверьте в реальном контексте

Перенесите результат определителя названия цвета в настоящий дизайн и оцените контраст, соседние цвета, площадь и дисплей. Совпадение Toon Tone полезно для практики, но при точной реализации храните исходный HEX.

определитель названия цвета

Что означает каждый тип результата

Определитель названия цвета разделяет стандартное имя, числовое значение, воспринимаемое расстояние и персонажа, потому что они отвечают на разные вопросы.

Результаты определителя названия цвета, методы, задачи и ограничения
РезультатМетодПодходит дляОграничение
Ближайшее CSS-названиеМинимум CIEDE2000 среди уникальных именованных цветовПонятные подписи, CSS-прототипы, общениеCSS-названия редки и распределены неравномерно
Пять ближайших названийРейтинг ΔE00 с группировкой одинаковых HEXПросмотр соседних и неоднозначных словРейтинг не создаёт универсальное бытовое название
HEX, RGB и HSBЭквивалентные записи выбранного sRGBРеализация, проверка и настройкаСкриншот может содержать изменения профиля и сжатия
Цель Toon ToneМинимальное расстояние среди 46 игровых целейПереход к тренировке цветовой памятиБлижайшая практика, а не каноническое утверждение

определитель названия цвета

Почему у одного цвета бывает несколько разумных названий

В естественном языке нет единой сетки, которая назначает каждому экранному цвету уникальное бытовое слово. Люди усваивают цветовые категории через язык, культуру, предметы, материалы и окружение. CSS решает более узкую инженерную задачу, стандартизируя конечную таблицу ключевых слов для браузеров. Определитель названия цвета использует эту таблицу, потому что значения открыты, воспроизводимы и полезны в коде. Он не заменяет фирменный токен, каталог краски, научный образец или личное описание.

В таблице есть исторические псевдонимы и неравные интервалы. Aqua и cyan дают один числовой цвет, как fuchsia и magenta; варианты gray и grey образуют несколько пар. При этом большие области sRGB не имеют близкого простого слова. Определитель названия цвета объединяет точные псевдонимы, сохраняет пять уникальных значений и печатает расстояние. Для разговора можно назвать ближайшее CSS-слово, а для реализации оставить более точный HEX.

определитель названия цвета

Почему используется CIEDE2000

Прямое вычитание красного, зелёного и синего каналов предполагает, что одинаковые числовые шаги в RGB всегда выглядят одинаково разными. Зрение устроено иначе. Определитель названия цвета сравнивает варианты через CIEDE2000 — формулу, созданную для улучшения соответствия вычисленных и воспринимаемых различий в CIELAB. Текущая ссылка CIE — ISO/CIE 11664-6:2022. Такой рейтинг лучше обоснован, чем простое расстояние каналов, особенно при одновременном изменении оттенка, насыщенности и светлоты.

CIEDE2000 остаётся моделью, а не окончательным вердиктом. Освещение, калибровка, цветовая адаптация, соседние цвета, размер образца и личное восприятие меняют впечатление. ΔE00, равное нулю, означает совпадение кодированных значений в данном сравнении; большие числа указывают на большее расстояние внутри формулы. Определитель названия цвета не превращает это число в процент уверенности и не гарантирует порог видимости. Сравнивайте образцы в контексте и храните значения для производственных решений.

определитель названия цвета

Как выбор пикселя меняет ответ

После выбора изображения определитель названия цвета локально декодирует файл и рисует уменьшенную версию на холсте браузера. Нажатие считывает красный, зелёный и синий каналы в точке; файл не отправляется в Toon Tone. Масштабирование упрощает большие изображения, но пиксель может относиться к сглаживанию, текстуре, сжатию, прозрачности, тени или блику. Пробуйте несколько соседних точек и выбирайте визуально ровную область, если нужен основной цвет заливки.

Скриншоты особенно зависят от контекста: в них могут быть преобразование профиля, композиция браузера, полупрозрачные слои и сглаживание шрифта. Фотография добавляет свет, баланс белого, сенсор и отражения. Определитель названия цвета точно сообщает декодированный пиксель, но не сертифицирует физический объект и не восстанавливает отсутствующий исходник. Для бренда сравните с утверждённым токеном; для исследования поделитесь ссылкой с точным HEX.

определитель названия цвета

Шесть проверок перед использованием названия

Выполните эту проверку определителя названия цвета перед публикацией, реализацией или обоснованием подписи.

  1. определитель названия цветаУбедиться, что пиксель не относится к краю, тени, блику или прозрачному слою.
  2. определитель названия цветаХранить шестизначный HEX рядом с ближайшим CSS-названием.
  3. определитель названия цветаЧитать минимум три варианта, если значения ΔE00 близки.
  4. определитель названия цветаСчитать псевдонимы с одним HEX эквивалентными кодовыми значениями.
  5. определитель названия цветаПроверять текст и важные элементы специальным инструментом контраста.
  6. определитель названия цветаЗаписывать источник, дату и роль, если выбор имеет последствия.

определитель названия цвета

Стандарты и измеренный охват

Определитель названия цвета публикует объём набора, формулу и дату проверки, чтобы границы можно было проверить.

  • определитель названия цветаПроверяются 148 стандартизованных CSS-ключевых слов; псевдонимы с одинаковым HEX группируются.
  • определитель названия цветаПять уникальных CSS-значений показываются с ΔE00 по CIEDE2000 из ISO/CIE 11664-6:2022.
  • определитель названия цветаСравниваются 46 целей частей персонажей Toon Tone из набора, проверенного 30 июля 2026 года.

W3C объясняет назначение таблицы так: CSS defines a large set of named colors, so that common colors can be written and read more easily.

Первичные источники

определитель названия цвета

Что делать после определителя названия цвета

Пипетка цвета с изображенияПалитра HSBГенератор цветовой гармонииГенератор оттенковПроверка контрастностиСимулятор дальтонизмаКалькулятор Delta EБлогИграть в Toon Tone

определитель названия цвета

Вопросы об определителе названия цвета

определитель названия цвета

Можно ли определить цвет по изображению?

Да. Выберите изображение и нажмите пиксель: определитель названия цвета преобразует sRGB в HEX и отсортирует CSS-названия. Изображение остаётся во вкладке и не отправляется в Toon Tone.

определитель названия цвета

Сколько названий проверяется?

Определитель названия цвета проверяет 148 стандартизованных CSS-слов. Некоторые являются точными псевдонимами, поэтому видимый список группирует названия с одним HEX.

определитель названия цвета

Первый результат — официальное название?

Это ближайшее слово в наборе CSS по CIEDE2000. Определитель названия цвета не устанавливает универсальное бытовое, фирменное, лакокрасочное или научное имя и показывает HEX с альтернативами.

определитель названия цвета

Что означает ΔE00?

Это расстояние CIEDE2000, которое использует определитель названия цвета. Ноль означает совпадение сравниваемых значений, меньшие числа сортируются выше. Это не процент точности.

определитель названия цвета

Изображения сохраняются?

Нет. Определитель названия цвета декодирует изображение в текущей вкладке. Общая ссылка содержит только выбранный HEX, но не файл и не его имя.