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

Jan 20, 2026

Инструкции

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

3 огромных цветовых тенденций на 2018 год

Хотя уже есть много отличных ресурсов, я обнаружил, что не было никакого способа просматривать и сравнивать оригинальные цветовые комбинации быстро, что было готово к использованию. Это то, что я намеревался решить здание Хрома Отказ

Выберите цвет, любой цвет

The Khroma training screen with the chosen colour bar up top — Экран тренировки хрома с выбранной цветной панелью вверху

Одна из захватывающих вещей о Хроме заключается в том, что вы можете тренировать алгоритм AI, чтобы вести себя как расширение вашего цветового дизайнерского мозга. Задача заключается в том, что для этого хорошо вы должны выбрать 50 цветов, которые вам нравятся. При наращивании алгоритма я пытался заставить его работать меньше, но результаты не были достаточно хорошими.

Пятьдесят гарантирует, что генератор имеет достойный диапазон, чтобы быть разнообразным и достаточно гибким, чтобы помочь со всеми вашими проектами. Процесс обучения относительно неструктурирован и, вероятно, является равным частям науки и искусства. Несколько Pro Tips от моего опыта помогут вам получить максимум из этого.

Стоит отметить кратко здесь, как работает алгоритм. Ваши 50 цветов будут использоваться для обучения нейронной сети, которая сможет распознать сотни тысяч других подобных цветов, которые вам понравятся (мы назовем это сффинность вашей цветы). Он знает, какие цвета вам не нравятся, потому что это не в оригинальном 50 вы выбрали. Это означает, что если вы не выбираете темно-коричневый, вы его не увидите. Это нормально, если вы не темно-коричневый вентилятор, но не если вы пропустите то, что вам действительно нравится. Это то, что делает сорт так важно.

Чтобы начать обучение вашего генератора хрома, перейдите в Khroma.co и нажмите Personalize. Вы увидите некоторую инструкцию и бесконечную прокрутку стенки цветных блоков. Щелчок на одном из этих блоков добавит его в выбранный вами бар цвета, а другой удалит его. Лучший способ продолжить - это прокрутить и выбрать любой цвет, который выпрыгивает как то, что вы можете использовать в дизайне. Это хорошо работает для первых 30 цветов.

Время уточнить

На этом этапе вы захотите посмотреть на выбранную цветную панель и посмотрите, как он формируется. Если бы это был вашими цветами документа в эскизе, у вас есть все необходимое? Следующие 20 цветов отсюда должны быть о доработке. Когда вы продолжаете небольшую подсказку, появится несколько предложений, например, «собирать еще немного пурпурных, желтых и бледных цветов улучшит ваши результаты». Я рекомендую пытаться придерживаться этого, но не бойтесь продолжать собирать новые цвета. Отсюда вы должны выбрать еще 10, принося всего до 40.

Посмотрите на бар снова. Вы видите цвета, которые практически одинаковы? Необычно выбирать одинаковые цвета более одного раза, так как они вам нравятся. Но это не будет полезно для вашего алгоритма.

У меня был друг, попробуйте ранний прототип, и он сказал мне, что его результаты не были очень хорошими. «Это в основном просто синий», - сказал он. "Вы выбрали в основном синий в вашем тренировке?" Я ответил. «Да. Мне очень нравится синий».

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

Бросить в некоторые подстановочные знаки

Я нашел его вознаграждение, чтобы бросить в некоторые подстановочные знаки для моих последних пяти выборов. Это цвета, которые я не думаю, что когда-либо использовал самостоятельно. Часто я был приятно удивлен тем, что с ними делает хрома. Когда рядом с другими цветами, они, кажется, отлично подходят так, как я бы не мог себе представить.

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

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

Создайте свою коллекцию

Когда тренировочный процесс заканчивается, вы попадете в генератор. Вы будете представлены бесконечно прокручивающейся сеткой цветных комбо в шаблоне типа. Каждая комбинация имеет информационную панель, которую вы можете открыть, чтобы увидеть подробности, такие как имя, значения Hex и RGB, а также соотношение доступности WCAG. С помощью иконы сердца на вершине справа вы можете начать строить коллекцию из ваших любимых.

Найти правильный комбо

Doing a palette search with #8BD2CA and #32514E. If you're not seeing anything you like, try rearranging the colours in the search bar — Делать поиск палитры с # 8BD2CA и # 32514E. Если вы не увидите ничего, хотите, попробуйте переставить цвета в панели поиска

Поиск является одним из самых мощных особенностей хромы. Часто у меня будет свободное представление о том, что я ищу, или я уже работаю с определенным цветом и хочу найти дополнения. Поскольку Хрома дает вам доступ к сотням тысяч цветов RGB в вашем ассоциальном диапазоне, казалось, важно иметь возможность просеять их.

Существуют разные параметры, с которыми вы можете искать: Тип, Hue, Name, Hex and RGB. Типы включают темные, светлые, пастельные, бледные, глубокие, приглушенные, богатые, яркие и неоновые. Оттенки теплые, крутые, красные, оранжевые, желтые, зеленые, голубые, синие, фиолетовые, фиолетовые и пурпурные. Есть 1 566 специфических цветов, которые вы можете искать с именами, такими как «Royal Blue» и «кофе». Наконец, он принимает значения Hex и RGB.

Поскольку Хрома работает с двумя цветными комбинациями, сохранять палитры, есть два слота для поисковых запросов. Если вы введете один срок в панели поиска и поищем, вы получите результаты, сопоставляющие этот термин для первого цветового слота, а второй будет случайным.

Например, если вы ищете «яркие», вы получите цвет высокого насыщения и случайную пару пару. Если вы ищете «яркий и синий», вы получите эти яркие цвета и случайные синие во втором слоте. Вы также можете вместе цепи и термины оттенка вместе, например, «ярко-синий» и «бледно-желтый», например.

The details of each pair of colours. Everything can be copied with just a click for quick usage — Детали каждой пары цветов. Все может быть скопировано только одним нажатием для быстрого использования

Одним из больших случаев использования, когда поиск особенно полезен, является когда у вас есть два цвета, которые вам нравятся, и хотите найти дополнения к ним. Вы только что входите в эти точные цвета (# 8BD2CA и # 32514e говорят) и поиск под шаблоном палитры.

Иногда вы ищете цвет или срок, который не находится в вашем диапазоне аффинности. Вот где вступает элементы управления смещением. Вы увидите их как два клика и перетаскивания полей в правом верхнем углу панели инструментов. Уклон представляет собой, насколько строгий генератор находится в соответствующих цветах до 50 вы выбрали.

Каждый цвет хрома генерирует пробеги через алгоритм и получает процент (насколько вероятно, что он полагает, что вам понравится цвет) в ответ. Если этот процент находится под предвзятом, он будет выброшен, и процесс повторяется.

В случае вне диапазона поискового запроса смещение автоматически снижается, пока не сможет пройти пороговый тест. Если он полностью выходит из вашего диапазона (как наш темно-коричневый из ранее), то он автоматически отводит его на 0. Таким образом, каждый цвет, который вы получаете в хроме по умолчанию на вашу близость, но умеет настроить, так что вы не только ограничены к тем цветам.

Пользовательские изображения

The five templates of Khroma – you can see the palette adding a couple more colours to the mix — Пять шаблонов хромы - вы можете увидеть палитру, добавляющую пару больше цветов в смесь

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

Пока вы можете идти вперед и использовать свой собственный выстрел в гору (я не буду судить), лучше подумать об этом как об этом, как способность сделать свой собственный шаблон. Снимите скриншот чего-то, на котором вы работаете в эскизе или в своем дизайне инструмент выбора, загрузите его и начните просматривать безграничные комбинации!

Я надеюсь, что вы дадите хрому попытке найти полезное и мощное дополнение к вашему дизайну Toolkit.

Эта статья была первоначально опубликована в вопросе 303 сеть Самый продаваемый журнал мира для веб-дизайнеров и разработчиков. Купить проблему 303. или же Подписаться здесь Отказ

Статьи по Теме:

5 советов для понимания теории цвета
Лучшие цветные инструменты для веб-дизайнеров
7 советов, чтобы лучше управлять цветом в Интернете

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

Выберите цвет, любой цвет

Время уточнить

Бросить в некоторые подстановочные знаки

Создайте свою коллекцию

Найти правильный комбо

Пользовательские изображения

Инструкции - Самые популярные статьи

Как ускорить и оптимизировать сайты WordPress

Используйте ручку инструмента и текстуры, чтобы добавить глубину в Photoshop

Как построить сайт блога с GATSBY

Как подготовить файл для печати

Как создать Papercraft Robot

10 советов для моделирования твердых поверхностей

Оборачивайте свое моделирование жесткого поверхности в 3DS MAX

Создайте цифровой эскиз

Категории