Опишите настроение — получите палитру

Бриф говорит «спокойно, но современно, как море на рассвете»; палитра сама себя не напишет. Инструмент превращает эти слова в стартовую схему, которую можно обосновать, — с уже проверенным контрастом.

Загружаем инструмент…

Как это работает

  1. Опишите ощущение, бренд или сцену одной фразой — на английском или японском.
  2. Выберите правило гармонии (аналоговая, комплементарная, триада…) и подстройте разброс.
  3. Скопируйте CSS-переменные или JSON либо скачайте образцы цвета; кликните по образцу, чтобы скопировать его hex.

Почему ничего не отправляется на сервер

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

Проверьте сами

  1. Откройте инструменты разработчика в браузере (F12) и перейдите на вкладку «Сеть» (Network).
  2. Загрузите свой файл и запустите инструмент.
  3. Единственные запросы, которые вы увидите, — это код самого инструмента, а у нескольких тяжёлых инструментов ещё и их открытый движок из публичного CDN, плюс один небольшой сигнал о просмотре страницы на loreatec.jp (адрес и заголовок страницы, больше ничего). Ни один из них не несёт ваш файл.

Проверьте, что файлы не уходят →

Частые вопросы

Как фраза превращается в цвета?

Подобранный словарь примерно из 120 слов и выражений (на английском и японском) сдвигает тон, насыщенность и светлоту: «calm» тянет к холодным и мягким тонам, «urgent» — к яркому красному, «forest» — к глубокому зелёному, 和風 — к землистым малонасыщенным оттенкам. Сдвиги складываются, правило гармонии распределяет результат по цветовому кругу, а каждая пара проверяется по формуле контраста WCAG. Распознанные слова перечисляются, так что чёрного ящика здесь нет.

Здесь замешан ИИ?

Нет. Это фиксированный словарь и арифметика — поэтому одна и та же фраза всегда даёт одну и ту же палитру и поэтому инструмент работает офлайн. Он не поймёт роман; он понимает слова о настроении и цвете и честно говорит, когда не узнаёт ничего.

Что означают AA и AAA?

Уровни контраста WCAG: 4,5:1 (AA) — минимум для обычного текста, 7:1 (AAA) — комфортный запас; 3:1 годится только для крупного текста. Таблица показывает белый и почти чёрный текст на каждом образце и отмечает, какие пары образцов проходят AA между собой.

Чем это отличается от палитры из изображения?

Та извлекает цвета, которые уже есть на фото или в логотипе. Эта отталкивается от слов — на случай, когда изображения ещё нет: есть только бриф, список прилагательных бренда, настроение.