Как сочетать множество цветов в вебе?

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

Вопрос заключается в том, как можно сочетать на одной странице множество различных цветов, т.е. например фон темно сиреневый, а поверх кнопка желтоватого или ярко-зеленого цвета. Как это делается, на глаз или же нужно использовать инструменты наподобие paletton и прочих аналогов? Просто данные сервисы обычно предлагают всего несколько цветов сочетающихся с определенным цветом. Но ведь если посмотреть на некоторые дизайны или иллюстрации там очень много разных цветов. Как понять, какой с каким сочетается и есть ли методы какие-то для подбора цвета не используя готовые палитры и сервисы типа paletton?

5d629e0072506247724408.png

Прикрепил пример, эти 4 цвета просто на глаз подбирались? Я попробовал использовать Paletton, но он в сочетании с данными цветами совсем другие цвета выдаёт.
  • Вопрос задан
  • 543 просмотра
Решения вопроса 1
@McBernar
Не перекладывайте ответственность на сервисы, делайте руками на свой вкус.

В дизайне нет никаких строгих правил. Есть традиции, опыт, немного математики и физики, но это же не нерушимые законы, скорее рекомендации. Что вам мешает сделать синий фон с желтой кнопкой?
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
Kadzi
@Kadzi
Ом
Если подходить к вопросу с точки зрения доступности (а это объективный критерий), то вот пак полезных ссылок, там и по принципам контрастов и по цвету в том числе:

https://www.bl2.ru/programing/colourcontrastcheck.html
https://habr.com/post/347478/
https://developer.paciellogroup.com/resources/cont...
https://weblind.ru/
https://usabilitylab.ru/blog/dostupnost-internet-b...
https://blog.sibirix.ru/2018/05/22/almost-blind-ve...
https://www.toptal.com/designers/colorfilter
https://wiki.rookee.ru/tag/analiz-effektivnosti/
www.bbc.co.uk/guidelines/futuremedia
https://www.lightningdesignsystem.com/accessibilit...
https://geon.github.io/programming/2016/03/03/dsxyliea
https://wearecolorblind.com/
blog.gov.design/blog/2016/11/08/accessibility.html
specialbank.ru/guide
specialbank.ru/guide/index.html
https://www.w3.org/Translations/WCAG20-ru/

на глаз или же нужно использовать инструменты наподобие paletton и прочих аналогов?

Оптимальный вариант — автоматически с помощью сервисов + подправить на свой вкус. Не исключается вариант не бояться сочетать на свой вкус и развивать его. Ещё важно учитывать цвет чего именно мы делаем? В дизайне сайтов всё меньше дизайна и отвлекающих цветов интерфейсных, большой % пёстрости приходится именно на иллюстрации и фото

Просто данные сервисы обычно предлагают всего несколько цветов сочетающихся с определенным цветом.

Вот сервис https://colorscheme.ru там кроме того что предлагаемых цветов больше, есть и тонкая настройка

Прикрепил пример, эти 4 цвета просто на глаз подбирались? Я попробовал использовать Paletton, но он в сочетании с данными цветами совсем другие цвета выдаёт.

Чем больше цветов в интерфейсе приложения, тем лучше цвета должны отличаться. Например, если мы переводим цвета в чб и видим, что некоторые неотличимы — это плохие цвета для людей с нарушениями зрения. Вот полезная ссылочка 7act.ru/colorluck.php
Ответ написан
Sanes
@Sanes
Для веба обычно 3 цвета. Фоновый и 2 основных.
2 цвета надеюсь подобрать не проблема?
Ответ написан
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Пробуй сервисом https://colorscheme.ru/
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы