IMAGE · 5/8 COLORS · PNG · CSS
Генератор палитры мультфильма
Загрузите иллюстрацию, локально извлеките пять или восемь главных цветов, закрепите нужные образцы и экспортируйте значения HEX, RGB и HSB.
Создать мультпалитруToon Tone — это игра, где нужно по памяти восстановить узнаваемые цвета мультперсонажей с помощью ползунков оттенка, насыщенности и яркости. Toon Tone превращает каждый раунд в тренировку цвета.
Подберите цвет
Подсказка вдохновлена Steven Universe (2013)
Ваш выбор

Оригинал

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
Меняйте тон, насыщенность и яркость, а значения HEX и RGB будут обновляться вместе.
Открыть палитру HSBWHEEL · 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
Сравните два HEX-цвета в бесплатном калькуляторе Delta E CIEDE2000: образцы, различия HSB, практическая интерпретация и важные ограничения.
Открыть калькулятор Delta EНовая статья
Работайте в RGB, пока дизайн предназначен для экрана, и сохраняйте редактируемый RGB-мастер. Преобразуйте копию в запрошенный CMYK-профиль только после уточнения конечного вывода, печатных условий и процедуры цветопробы.
Главная зацепка Toon Tone — проверка памяти: ты знаешь, как должен выглядеть персонаж, но точный тон сложнее восстановить, чем назвать цвет.
Методика, источники и редакционная ответственность
Toon Tone — бесплатная браузерная игра: пользователь восстанавливает названный оттенок мультперсонажа до появления ответа. Игра записывает тон, насыщенность и яркость, преобразует попытку и цель в экранные цвета, сравнивает их по CIEDE2000 и выдает понятную игровую оценку от 0 до 100. Разбор остается на экране, поэтому результат подсказывает конкретное действие для следующего раунда.
Раунд 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 и проверки контраста. Высокий игровой балл не заменяет аудит доступности, утвержденный фирменный цвет или измерение калиброванным прибором.
На внешний вид игры влияет устройство: профиль дисплея, яркость, окружающее освещение и настройки системы могут изменить восприятие. Она публикует числовые входы, диапазоны и результат расчета, чтобы метод можно было повторить, но не обещает одинаковую картинку на каждом экране. Для печати, производства или официальной айдентики нужно использовать разрешенный исходник, заданное цветовое пространство и соответствующий стандарт измерения.
Практика полезнее всего, когда каждый разбор меняет одно решение в следующем раунде.
| Показатель | Опубликованное значение | Смысл |
|---|---|---|
| Ежедневный формат | 5 раундов | Игра объединяет пять названных целей в один результат. |
| Элементы HSB | 3 канала | Интерфейс отдельно показывает тон, насыщенность и яркость. |
| Диапазоны | 0–360°; 0–100%; 0–100% | Диапазон опубликован рядом с каждым ползунком. |
| Раунд и серия | 0–100; 0–500 | Показаны балл раунда и сумма пяти раундов. |
| Локализации | 8 языков | Равнозначные страницы поддерживаются для всех локалей. |
Toon Tone связывает измеримые утверждения с первичными стандартами и оригинальным исследованием. Числа продукта проверяются по интерфейсу и коду, а спецификации остаются главным источником для веб-цвета и доступности.
В спецификации W3C CSS Color сказано:
“Hue is represented as an angle of the color circle.”
Toon Tone явно описывает границы, потому что точное число легко истолковать слишком широко. Toon Tone — игра и практика.
Узнайте, как Toon Tone выбирает источники, отделяет изменяемый рейтинг и исправляет материалы, а затем проверьте пару цветов в калькуляторе Delta E.
FAQ
Toon Tone — браузерная игра на угадывание мультцветов с HSB-ползунками.
Да. Стартовая версия бесплатно работает в браузере и не требует аккаунта.
Игра сравнивает твой цвет с целевым через воспринимаемую дистанцию и дает результат от 0 до 100.
Да. Стартовые материалы заменяемые, если появится отзыв или запрос на проверку.