Toon Tone

Toon Tone — это игра, где нужно по памяти восстановить узнаваемые цвета мультперсонажей с помощью ползунков оттенка, насыщенности и яркости. Toon Tone превращает каждый раунд в тренировку цвета.

46 стартовых заданийЕжедневная игра на 5 раундовАккаунт не нужен
1/5

Подберите цвет

красная футболка у Steven Universe

Подсказка вдохновлена Steven Universe (2013)

Ваш выбор

Steven Universe from Steven Universe (2013)
красная футболка
H37 S52 B72

Оригинал

Steven Universe from Steven Universe (2013)
красная футболка
Скрыто до ответа
Новый интерактивный тестТест цветовой памятиЗапомните цвет героя за три секунды, скройте образец, восстановите оттенок в HSB и получите средний результат за пять раундов.Пройти тест памятиНовый гид по красномуКрасные мультяшные персонажиИзучайте красных мультяшных персонажей с игровыми HEX и HSB, точными частями, сравнением оттенков и прямыми ссылками на практику Toon Tone.Тренировать красные цвета

IMAGE · 5/8 COLORS · PNG · CSS

Генератор палитры мультфильма

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

Создать мультпалитру

IMAGE · HEX · RGB · HSB

Пипетка цвета с изображения

Загрузите картинку, считайте точный пиксель и сохраните HEX, RGB и HSB, не отправляя файл на сервер.

Выбрать цвет с изображения

IMAGE · RECOLOR · ALPHA · PNG

Заменить один цвет на изображении

Выберите локальный цвет, настройте диапазон, сохраните тени и скачайте прозрачный или перекрашенный PNG.

Открыть замену цвета

HEX · IMAGE · CSS NAMES · ΔE

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

Назовите HEX или пиксель изображения с помощью ближайшего CSS-слова, пяти измеренных вариантов и цели персонажа Toon Tone.

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

HSB · HEX · RGB

Палитра HSB

Меняйте тон, насыщенность и яркость, а значения HEX и RGB будут обновляться вместе.

Открыть палитру HSB

WHEEL · 5 RULES · CSS · PNG

Генератор цветовой гармонии

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

Создать цветовую гармонию

HEX · TINTS · SHADES · WCAG

Генератор оттенков цвета

Превратите один HEX в шкалу света и тени с контрастом, CSS-переменными и экспортом PNG.

Создать оттенки

WCAG 2.2 · AA · AAA · HEX

Проверка контрастности цветов

Проверьте два HEX по AA и AAA, исправьте передний план и сравните все пары палитры до восьми цветов.

Проверить контраст

IMAGE · PROTAN · DEUTAN · TRITAN

Симулятор дальтонизма

Сравните изображение в трёх моделях нарушения цветового зрения, настройте силу эффекта и экспортируйте подписанный PNG без загрузки на сервер.

Смоделировать цветовосприятие

CIEDE2000 · HEX · HSB

Калькулятор Delta E

Сравните два HEX-цвета в бесплатном калькуляторе Delta E CIEDE2000: образцы, различия HSB, практическая интерпретация и важные ограничения.

Открыть калькулятор Delta E

Новая статья

RGB vs CMYK: практическое руководство для экрана и печати

Работайте в RGB, пока дизайн предназначен для экрана, и сохраняйте редактируемый RGB-мастер. Преобразуйте копию в запрошенный CMYK-профиль только после уточнения конечного вывода, печатных условий и процедуры цветопробы.

Угадывай в Toon Tone цвета известных персонажей, а не случайные образцы.

Главная зацепка Toon Tone — проверка памяти: ты знаешь, как должен выглядеть персонаж, но точный тон сложнее восстановить, чем назвать цвет.

Live

Мастера тона

  1. Пока нет реальных очков.
Открыть всю таблицу

Методика, источники и редакционная ответственность

Как Toon Tone превращает запомненный цвет в измеримую игру

Toon Tone — бесплатная браузерная игра: пользователь восстанавливает названный оттенок мультперсонажа до появления ответа. Игра записывает тон, насыщенность и яркость, преобразует попытку и цель в экранные цвета, сравнивает их по CIEDE2000 и выдает понятную игровую оценку от 0 до 100. Разбор остается на экране, поэтому результат подсказывает конкретное действие для следующего раунда.

Метод подсчета Toon Tone

Раунд Toon Tone начинается с персонажа и точно названной детали, а не с безымянного образца. В игре тон задается от 0° до 360°, насыщенность и яркость — от 0% до 100%. После отправки она преобразует обе HSB-тройки в экранные значения и вычисляет расстояние CIEDE2000. Игра сопоставляет меньшему расстоянию более высокий балл по опубликованному правилу score = round(100 − 2 × ΔE00) с ограничением от 0 до 100.

Это число — обратная связь внутри игры, а не диагноз и не производственный допуск. Пять раундов дают максимум 500 баллов, а общий результат показывает среднее значение от 0 до 100. Интерфейс выводит выбранный и целевой образцы, а также обе HSB-тройки. Поэтому пользователь видит, сильнее ошибся тон, насыщенность или яркость, и не принимает необъясненную цифру за абсолютный авторитет.

Ежедневный seed одинаков для всех игроков и воспроизводит те же пять целей. При сохранении результата сервер снова рассчитывает раунды по отправленным HSB-значениям. Это уменьшает случайные расхождения, но не превращает рейтинг в научную выборку. Публичные имена и результаты созданы пользователями, меняются отдельно от редакционного текста и не используются как доказательство общих способностей.

Игра различает цветовое расстояние и доступность интерфейса. CIEDE2000 помогает сравнить воспринимаемую разницу двух цветов, а отношение контраста WCAG проверяет другую задачу — читаемость соседних цветов текста и фона. Поэтому доступны отдельные инструменты Delta E и проверки контраста. Высокий игровой балл не заменяет аудит доступности, утвержденный фирменный цвет или измерение калиброванным прибором.

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

Повторяемый цикл Toon Tone

Практика полезнее всего, когда каждый разбор меняет одно решение в следующем раунде.

  1. 1. Назвать цель Toon ToneПрочитайте деталь персонажа, представьте семейство цвета и позвольте Toon Tone скрывать сохраненный ответ до отправки.
  2. 2. Собрать попытку Toon ToneСначала настройте тон, затем насыщенность и яркость, чтобы коррекцию Toon Tone можно было объяснить.
  3. 3. Изучить разбор Toon ToneСравните HSB-каналы и основанный на CIEDE2000 балл Toon Tone, затем исправьте самое большое отклонение.

Факты Toon Tone

Воспроизводимые данные Toon Tone, проверено 1 августа 2026 года
ПоказательОпубликованное значениеСмысл
Ежедневный формат5 раундовИгра объединяет пять названных целей в один результат.
Элементы HSB3 каналаИнтерфейс отдельно показывает тон, насыщенность и яркость.
Диапазоны0–360°; 0–100%; 0–100%Диапазон опубликован рядом с каждым ползунком.
Раунд и серия0–100; 0–500Показаны балл раунда и сумма пяти раундов.
Локализации8 языковРавнозначные страницы поддерживаются для всех локалей.

Стандарты в объяснениях Toon Tone

Toon Tone связывает измеримые утверждения с первичными стандартами и оригинальным исследованием. Числа продукта проверяются по интерфейсу и коду, а спецификации остаются главным источником для веб-цвета и доступности.

В спецификации W3C CSS Color сказано:

“Hue is represented as an angle of the color circle.”

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

  1. CSS Color Module Level 4CSS Color Level 4 определяет углы тона и sRGB-представления, которые объясняет Toon Tone.
  2. Web Content Accessibility Guidelines (WCAG) 2.2WCAG 2.2 публикует пороги 4,5:1 и 3:1 для отдельного инструмента контраста Toon Tone.
  3. The CIEDE2000 color-difference formulaШарма, Ву и Далал описывают реализацию и тестовые данные CIEDE2000 для расчетов Toon Tone.

Что не доказывает результат Toon Tone

Toon Tone явно описывает границы, потому что точное число легко истолковать слишком широко. Toon Tone — игра и практика.

  • Toon Tone не диагностирует цветовосприятие, зрение, память или заболевание.
  • Toon Tone не подтверждает официальный цвет студии, бренда, печати, краски или производства.
  • Toon Tone не заменяет проверку WCAG, калиброванное измерение или оценку по применимому стандарту.

Проверить метод Toon Tone

Узнайте, как Toon Tone выбирает источники, отделяет изменяемый рейтинг и исправляет материалы, а затем проверьте пару цветов в калькуляторе Delta E.

FAQ

Короткие вопросы

Что такое Toon Tone?

Toon Tone — браузерная игра на угадывание мультцветов с HSB-ползунками.

Toon Tone бесплатный?

Да. Стартовая версия бесплатно работает в браузере и не требует аккаунта.

Как считаются очки?

Игра сравнивает твой цвет с целевым через воспринимаемую дистанцию и дает результат от 0 до 100.

Можно ли менять материалы персонажей?

Да. Стартовые материалы заменяемые, если появится отзыв или запрос на проверку.