Пошел я, значит, на пикабушные курсы. Часть 5: о цветовых схемах
Привет, котятки
А мы продолжаем проходить курс веб-дизайна у Пикабу и рассказывать о том, как там все устроено, чему нас там учат и что нам с этим потом делать.
Итак, поехали?
Наконец-то дошли руки до самой абсурдной части рассказа о моих занятиях. Сейчас дальтоник будет рассказывать вам про цвета. А начнет он с теории. Совсем капельку, чтобы просто рассказать.
Так уж вышло, что существует цветовой круг. Самый понятный вариант этой штуки вот:
Есть первичные цвета: красный, желтый, синий. Собственно, построенная на этом круге схема так и называется: R(ed)Y(ellow)B(lue). Смешав первичные цвета, мы получим вторичные, а смешивая их дальше получим вакханалию. Пока все просто, так ведь?
Тогда идем дальше.
А дальше мы видим такие страшные слова, как субтрактивная цветовая модель и аддитивная. Звучит пугающе, но на деле все гораздо проще.
Субтрактивная - от английского subtract, то бишь “вычитать”. В этой модели мы получаем любой цвет, вычитая другие цвета из отражаемого света. Субтрактивная система работает с отраженным светом и применяется в реальной жизни, в той же полиграфии. В этой модели считается, какое количество света отразилось от поверхности, отсюда и название. Основные цвета этой модели: Cyan, Magenta, Yellow. Считается, что если взять все три основных цвета, то в результате выйдет черный. На практике же в полиграфии краски отражают не весь свет, и вместо черного выходит бурая грязь. А потому в полиграфии к трем основным цветам добавляется четвертый - Key, черный. В итоге мы получаем знакомую всем аббревиатуру CMYK. Да-да, только ради цмика я и завел теоретическую шарманку.
Аддитивная модель - от английского add - “добавлять” - построена на заполнении светом его отсутствия. Берем за основу черный экран монитора и идем от черного к белому. Полное отсутствие света - вот вам черный цвет. Полное присутствие - в итоге имеем белый. Название этой модели - R(ed)G(reen)B(lue), тоже основано на ключевых цветах.
Ну хорошо, с тем, как и откуда цвета берутся, мы разобрались, а что с их сочетаемостью? Эрика Леонард Джеймс на полном серьезе пыталась подробно расписать целых пятьдесят оттенков серого, но все пятьдесят видела только она. Почему так? А очень просто: работать надо не с конкретными цветами, а с их сочетаниями. Значит, пора переходить к цветовым палитрам.
Все они построены на все том же цветовом круге, о котором шла речь в начале поста.
Монохроматическая палитра
Используется один цветовой тон, но разной насыщенности. Хорошо подходит для веб-интерфейсов, а еще с этой палитрой трудно ошибиться - цвета одного тона по умолчанию сочетаются.
Аналоговая палитра
Берем цвет на круге, добавляем к нему два соседних. Пользуемся и не опасаемся - ошибиться здесь тоже сложновато.
Комплементарная палитра
Берем два противоположных по кругу цвета. В сочетании они дают наибольший контраст.
Сплит-комплементарная палитра
Берем два противоположных цвета, к одному добавляем два соседних.
Триадическая палитра
Все просто - три равноудаленных цвета на круге.
Прямоугольная палитра
В ней мы используем две пары комплементарных цветов
Вообще в работе с цветом главное - добиться баланса, нужно следить за тем, чтобы цвета не спорили друг с другом, чтобы полотно не превращалось в нечитаемую кашу. Можно, конечно, делать все это ручками, но зачем, если есть удобные сервисы?
Вот например: https://color.adobe.com/ru/create/color-wheel. А что, шикарная штука. Задаете основной цвет, задаете палитру - и вам в полном согласии с гармонией цветов выдается результат. Остается только применить его на практике.
Хехе, практика, да. У дальтоника.
Ну что ж, поехали.
Вот уже фиг знает сколько времени валяется у меня непокрашенный примарис. Просто в Темного ангела мне его красить уже лень, так почему бы не сообразить новую цветовую схему в полном согласии с теорией выше?
Решено, идем в пейнтер на Болтер энд Чейнсворд. Упс, а лавочку прикрыли. Жаль, а я только-только разошелся. Придется ковыряться самому. Я вышел в интернеты и нашел в них простенькую картинку космоморяка, а потом просто лениво оттрассировал картинку. Вообще не заботился особо подробностях и мелочах, главное - просто посмотреть основы и принципы.
Курсы учат, что нужно соблюдать баланс 60-30-10, 60 процентов - основной цвет, 30 процентов - второстепенный, а 10 процентов - детали. Ваха учит нас, что в игровом покрасе помимо базы должно быть три дополнительных цвета. Раскладываем космодесантника на составляющие и получаем помимо контура четыре участка для экспериментов:
- броня - это те самые шестьдесят процентов основного цвета;
- геральдические области и окантовка: второстепенные цвета;
- оружие: это уже для небольших оттенков и нюансов.
Закрашиваем результат в стандартную схему Темных Ангелов:
Справа на картинке сгруппированные элементы, чтобы не менять каждый фрагмент вручную. Вручную - это времени не напасешься, и так вон видна куча косяков.
Ну а теперь переходим на https://color.adobe.com/ru/create/color-wheel, в качестве базы задаем Dark Angels Green, он же - 1A543C в шестнадцатиричном коде. И начинаем экспериментировать, применяя одну схему за другой. И в итоге получаем кучу орденов-последователей: Монохроматичные Ангелы, Ангелы Последовательности, Ангелы Комплементарности, тысячи их!
Ну а пока я ковырялся с Астартес, я вот о чем подумал: а нафига это я заморочился, на практике ж этого всего не использовать никак. Надо ж добавить хотя бы теоретическую возможность практической пользы. А потому буквально за пятнадцать минут на уровне тяп-ляп набросал такой прототип:

В чем соль? А все очень просто. Выбираете фракцию, выбираете схему покраса, от которого предстоит отталкиваться, а потом выбираете новую цветовую схему, основанную на теории гармонии цвета. И вуаля - результат на экране вашего телефона. В общем, пора краудфандингом заняться.
С вами был @SomebodyLikeMe
Успехов
Xiaomi Redmi Note 9 pro
На улице меняется контрастность картинки рабочего стола и яркость . Менял цветовые схемы, убрал автояркость. Все равно не помогло. Кто сталкивался и как лечить?
Волновой метод построения цветовой гаммы
В колористике существует несколько методов построения цветовой гаммы (цветовой палитры), основанных на расположении цветов друг относительно друга в цветовом круге и, как правило, имеющих одинаковую яркость. Гармоничность восприятия которых не обоснована в достаточной степени с физической точки зрения.
Волновой метод построения цветовой гаммы основан на взаимосвязи цветовых и акустических волн, а также понятием консонанса (созвучия) в теории музыки. Соответствующая статья была опубликована на сайте arxiv.org - https://arxiv.org/abs/1709.04752. Более подробное описание метода и результаты доступны на сайте - https://wavepalette.com/ru/about/ .
Microsoft впервые за 20 лет меняет цветовые схемы консоли
Старые цветовые схемы разрабатывались для старых мониторов, поэтому на новых моделях LCD и LED мониторов картинка отображается не очень удобно для чтения. Поэтому в новой цветовой схеме на скриншотах ниже показано, как синий цвет стал ближе к голубому и, соответственно, более контрастным.
Сравнить старые и новые схемы можно ниже.
Данные изменения уже доступны для тех, кто устанавливал с нуля сборку под номером 16257 или выше. Для остальных будет выпущен инструмент для выбора новых схем или альтернативных.
Паспорта мира бывают только четырех цветов, и вот почему
Оказывается, в мире только четыре основных цвета паспортов. И у каждой страны свои причины выбора цвета обложки этого документа.
AdMe.ru решил узнать, от чего это зависит, и поделиться с вами. И теперь, если долгая очередь в аэропорту заставит вас скучать, просто вспомните этот пост.
Красный
Самый распространенный цвет. Паспорта с красной обложкой выбирают страны с коммунистическим прошлым или настоящим. Граждане Словении, Китая, Сербии, России, Латвии, Румынии, Польши, Грузии имеют краснокожие книжицы. Члены Евросоюза, кроме Хорватии, также используют паспорта бордового и других оттенков красного. Страны, заинтересованные во вступлении в ЕС, например, Турция, Македония и Албания, сменили цвета паспортов на красный несколько лет назад. У Андского сообщества наций — Боливия, Колумбия, Эквадор и Перу — также бордовые паспорта.
Синий
Следующий по распространенности цвет. Синяя обложка символизирует «новый мир». У 15 Карибских стран синие паспорта. У блока Южно-Американских стран синий цвет паспорта символизирует связь с Меркосур — торговым союзом. Это Бразилия, Аргентина, Парагвай. Кроме Венесуэлы, она тоже входит в этот союз, но паспорта ее граждан красные. Паспорт гражданина США стал синим только в 1976 году.
Зеленый
Паспорт большинства мусульманских стран зеленый. Например, у Марокко, Саудовской Аравии, Пакистана. Зеленый считается любимым цветом пророка Мухаммеда и является символом природы и жизни. Документы различных оттенков зеленого есть и у граждан Западной Африки, например, Буркина Фасо, Нигерии, Нигера, Берега Слоновой кости и Сенегала. В их случае цвет показывает принадлежность к ЭКОВАС (Экономическому сообществу стран Западной Африки).
Черный
Самые редкие паспорта — паспорта с черной обложкой. Такие есть у граждан некоторых африканских стран — Ботсваны, Замбии, Бурунди, Габона, Анголы, Чада, Конго, Малави и других. Также черные паспорта у новозеландцев, потому что черный — национальный цвет Новой Зеландии.
На этой карте страны раскрашены в цвета паспортов граждан
По материалам www.passportindex.org
Лучшие инструменты для работы с цветом
Перевод статьи "The BEST free colour tools & sites online"
Источник: Wordyblend.com
Цвет, нравится вам это или нет, является одной из наиболее важных частей любого дизайна или произведения искусства. Он может как улучшить, так и испортить вашу работу, и поэтому я собрал в список лучшие инструменты для работы с цветом в сети. Вы можете использовать данные сайты себе в помощь. Они наполнены цветовыми схемами и предоставляют ресурсы, способные вас вдохновить.
:-D Мои фавориты, и те, которые я использую, отмечены смайликом
Исчерпывающий цветовой ресурс
:-D Colour Lovers – на мой взгляд, основной ресурс для цветов в целом. Он отлично подходит для выбора цветовой схемы, а также сайт отслеживает тенденции и дарит заряд энергии пользователям. Вы можете делиться новостями, читать статьи, сравнивать цветовые палитры и добавлять комментарии. Отлично!
Выбор цветовой схемы/палитры
CrazyDad – Интерактивная подборка цветов
:-D Color Blender – Бесплатная онлайн система подборки цветов и палитр. Вы можете выбрать один цвет, а система предложит вам его оттенки.
Ficml.org Colour Wheel – Привлекательный и очень красочный способ выбора цветовой схемы.
Colour Schemer – Это одна из условно бесплатных программ, но ее определенно стоит упомянуть. Это небольшая программа, которая реализует для вас цветовые схемы. На самом деле я не пробовал ее сам, но скриншоты выглядят отлично.
:-D Photo Colour Matcher – Это довольно удобный инструмент, в который вы можете загрузить картинку, и подобрать к ней цветовую палитру. Он отлично подходит для брошюр или вещей, которые должны соответствовать центральному изображению.
Colour Matching Sphere – Еще один классный способ выбрать цветовую палитру.
Вдохновение цветом
Стоковые фотографии – Используйте Flickr или iStockPhoto, чтобы получить вдохновение цветами. Попробуйте найти цвета, связанные с проектом, над которым вы работаете.
:-D UrbanCowboy и 57Even – Это два моих любимых художника, использующие восхитительные цветовые схемы в своих работах.
Другие инструменты
Web 2.0 Color Palette – Если вы ничего не знаете о Web 2.0, то я предлагаю вам попробовать его. Отличный инструмент для чего-нибудь Web 2.0.
Немного развлечений
Как цвет стен может влиять на настроение
:-D Самые страшные цвета – Говорит само за себя
Colourblind test – Тест на определение дальтонизма
Colours For Christmas – Рождественские цвета