Toon Tone

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

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

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

оранжевое ги у Goku

Подсказка вдохновлена Dragon Ball Z (1989)

Ваш выбор

Goku from Dragon Ball Z (1989)
оранжевое ги
H63 S52 B72

Оригинал

Goku from Dragon Ball Z (1989)
оранжевое ги
Скрыто до ответа
Новый интерактивный тестТест цветовой памятиЗапомните цвет героя за три секунды, скройте образец, восстановите оттенок в 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. 1TonePlayer 70182026-09-1669.80/100
  2. 2TonePlayer 43312026-09-1645.80/100
  3. 3TonePlayer 23262026-09-1627.20/100
Открыть всю таблицу

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

Как 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.

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

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