Сервисы для подбора идеального цвета сайта

Как управлять вниманием пользователя на сайте? Как подбирать правильные цвета для сайта? С помощью какого приложения узнать код цвета на сайте конкурента? Разбираем сегодня в статье.

~
Сервисы по определению цветовой схемы
  • color-hex.com — определит какие цвета стоят рядом с вашим цветом
  • thestocks.im — агрегатор мокапов,  видео, фотографий, иконок, шрифтов.
  • Eye Dropper — расширение для  Google Chrome, которое позволяет с помощью пипетки узнать код любого цвета на любой странице в интернете.
  • Adobe Color CC  -подберёт цветовые сочетания. Adobe Color CC поможет, когда есть картинка, и вы хотите выгрузить её основные цвета. Программа определяет палитру из 5 доминирующих цветов изображения, которую можно сохранить и использовать в презентациях. Бесплатно.
  • Colorzilla -расширение для  Google Chrome и  Mozilla Firefox, которое включает инструменты colour picker, eye-dropper, css gradient generator и palette browser. Достаточно навести пипеткой на нужный цвет на любом сайте и скопировать код.
  • ColorPick Eyedropper — расширение с пипеткой, работает аналогично предыдущего: наводите ей на понравившийся цвет и получаете его код. Для Chrome и Firefox.
~
Подбор цвета

Загрузите картинку и сделайте из нее палетку.

 

  • Coolors.co — ресурс с палитрами, которые можно создавать самим или заимствовать из коллекци
  • Material Design Color Tool
  • flatuicolors.com
  • flatuicolorpicker.com
  • COLOURlovers — коммьюнити цветовых фанатов, которые делятся палитрами, цветами, фонами и графическими шаблонами. Здесь есть цветовые тренды из интерьеров, журналов, сайтов и даже уличной моды. В разделе «Browse» можно найти авторские цвета и палитры и скачать фоны для презентации.
  • Web Colour Data — сайт, на котором можно ввести URL нужного сайта и получить его цветовую палитру.
  • Color Extraction Lab и Color Palette Generator — извлекает цвета фотографий: достаточно загрузить изображение или вставить URL.
  • Movies In Color — подбирает цветовые палитры известных фильмов.

~
Как выбрать цвет для сайта

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

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

  • Черный. Надежный, утонченный и опытный. Используется для продвижения предметов роскоши.
  • Белый. Простой, спокойный и чистый.
  • Красный. Уверенность, молодость и власть. Нередко используется для тотальных распродаж.
  • Оранжевый. Дружелюбный, теплый и энергичный. Создает призыв к действию: регистрироваться, покупать или продавать.
  • Желтый. Счастье, оптимизм и тепло. Обычно используется для привлечения внимания к витрине.
  • Зеленый. Мир, рост и здоровье. В маркетинге применяется для расслабления.
  • Синий. Доверие, безопасность и стабильность. Обычно используется для банков и бизнесов.
  • Пурпурный/фиолетовый. Роскошный, креативный и мудрый. Обычно применяется в индустрии красоты и антивозрастных товаров.
  • Розовый. Романтичный и женственный. Используется для продвижения товаров для женщин и молодых девушек.

Черный

Цвет имеет большое количество значений. Он ассоциируется с трагическими ситуациями. Все зависит от того, как вы его используете, и какие цвета идут с ним. Черные хорошо сочетаются с любым другим цветом, поэтому он идеально подходит для фона. Дизайнеры часто используют его для установки контрастов.

Белый

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

 

Красный

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

Оранжевый

Это энергичный и теплый цвет, вызывающий чувство волнения. Дизайнеры используют цвет, если им нужно мотивировать на действие.

Желтый

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

Зеленый

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

Синий

Цвет доверия. Он обычно показывает надежность, успокаивает.

Пурпурный

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

Розовый

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

Коричневый

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

~
Влияние цвета на покупку товара

Исследование проводилось в Северной Америке.

Любимые цвета

Нелюбимые цвета

~
Цветовые модели
  • CMYK: Cyan (синеватый), Magenta (красноватый), Yellow (желтый), и Key («ключевой» — черный). То есть эта модель состоит из трех основных цветов и черного, который позволяет создавать более темные оттенки. Используется в живописи и печати.
  • RGB-модели: red, green, blue — красный, зеленый, синий. Используется в компьютерах, телевизорах и других электронных устройствах

 

Монохроматический

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

Аналогичные (Analogous Colors)

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

Complementary

Дополнительной схемой является сочетание цветов, расположенных друг напротив друга на цветном колесе. Эта схема противоположна аналогичной и монохроматической, поскольку она направлена ​​на достижение высокой контрастности. Например, оранжевую кнопку на синем фоне трудно пропустить в любом интерфейсе.

Расщепленные дополняющие цвета (Split-Complementary)

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

Триада цветов (Triadic colors) 

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

Tetradic/Double-Complementary

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

~
Вдохновение

Behance

Dribbble Colors

Color Hunter

Просто загрузите картинку и Color Hunter создаст на ее основе палитру. Это отличный способ достичь гармонии между изображениями и основными цветами сайта.

Designspiration

Можешь выбрать сразу 5 цветов и посмотреть, что нашлось в это цветовой палитре.

Tineye Multicolr

На сайте 20 миллионов изображений по лицензии Creative Commons из Flickr.

 

~
Больше статей по теме

Color in Design: Influence on Users’ Actions

Digital colour mixing explained

Why Color Matters

Responding To Color

The Psychology of Color in Marketing and Branding

Color Theory for Designers, Part 1: The Meaning of Color

Color Associations

Why Color Matters

Birren, Faber., Color Psychology and Color Therapy.

62 thoughts on “Сервисы для подбора идеального цвета сайта

  1. Внимательно слежу за новыми статьями! Пиши чаще, очень круто!

  2. Wonderful work! That is the kind of info that should be shared around the net.
    Shame on the seek engines for not positioning this put up upper!
    Come on over and talk over with my site . Thanks =)

  3. Having read this I thought it was really enlightening.
    I appreciate you finding the time and effort to put this content together.
    I once again find myself personally spending a significant
    amount of time both reading and commenting. But so what, it was still worthwhile!

  4. Hmm is anyone else having problems with the pictures on this blog loading?
    I’m trying to find out if its a problem on my end or if it’s the blog.

    Any feedback would be greatly appreciated.

  5. I simply couldn’t depart your site before suggesting that
    I really loved the usual information an individual provide on your guests?
    Is gonna be again regularly in order to investigate cross-check new posts

  6. I like the valuable info you provide in your articles.

    I will bookmark your blog and check again here frequently.
    I am quite certain I’ll learn a lot of new stuff right here!
    Best of luck for the next!

  7. Its like you read my mind! You seem to know a lot about this, like you wrote the book in it
    or something. I think that you could do with a few pics to drive the message home a bit,
    but instead of that, this is fantastic blog.
    An excellent read. I will definitely be back.

  8. It is appropriate time to make a few plans for the long run and it’s time to be happy.
    I have learn this publish and if I may just I wish to recommend you few interesting things or suggestions.
    Perhaps you could write subsequent articles regarding this article.
    I want to learn even more issues approximately it!

  9. Thank you a lot for sharing this with all folks you really understand what you’re talking approximately!

    Bookmarked. Kindly additionally discuss with my web site =).
    We may have a link exchange arrangement among us

  10. Hey there are using WordPress for your blog platform? I’m new to the
    blog world but I’m trying to get started and set up my own. Do you
    need any html coding expertise to make your own blog?
    Any help would be really appreciated!

  11. It’s appropriate time to make some plans
    for the future and it is time to be happy. I have read
    this post and if I could I wish to suggest you some interesting
    things or advice. Perhaps you can write next articles referring to this article.
    I want to read even more things about it!

  12. Excellent article. Keep writing such kind of information on your site.
    Im really impressed by your blog.
    Hey there, You have done a fantastic job. I will certainly
    digg it and in my opinion recommend to my friends.
    I am sure they’ll be benefited from this web site.

  13. I just like the valuable info you provide on your articles.
    I will bookmark your blog and test once more right here regularly.
    I am slightly certain I’ll learn many new stuff right here!
    Good luck for the next!

  14. Its like you read my mind! You seem to know so much about
    this, like you wrote the book in it or something.
    I think that you could do with a few pics to drive
    the message home a little bit, but instead of that, this
    is fantastic blog. A great read. I will certainly be back.

  15. I like the valuable information you supply to your articles.
    I’ll bookmark your blog and test once more right here regularly.
    I am rather certain I’ll be told many new stuff proper here!
    Best of luck for the following!

  16. Hi, i believe that i noticed you visited my weblog thus
    i got here to return the want?.I’m attempting to to find things to enhance my website!I suppose its
    good enough to use a few of your concepts!!

  17. I am no longer positive the place you’re getting your info, but good topic.
    I must spend some time finding out more or understanding more.

    Thanks for great information I was looking for this info
    for my mission.

  18. Quest bars cheap fitnesstipsnew1 quest bars cheap 516999410492780544
    quest bars cheap
    Wonderful, what a website it is! This weblog gives helpful facts to us, keep it
    up. Quest bars cheap fitnesstipsnew1 quest bars cheap 516999410492780544 quest
    bars cheap

  19. I really like your blog.. very nice colors & theme.
    Did you design this website yourself or did you
    hire someone to do it for you? Plz reply as I’m looking to
    design my own blog and would like to find out where u got this from.
    kudos

  20. Hi, i read your blog occasionally and i own a similar one and i was just wondering if
    you get a lot of spam comments? If so how do you prevent
    it, any plugin or anything you can suggest?
    I get so much lately it’s driving me mad so any help is very much appreciated.

  21. Unquestionably believe that which you said. Your favorite justification appeared
    to be on the net the simplest thing to be aware of.
    I say to you, I definitely get irked while people think
    about worries that they just do not know about.
    You managed to hit the nail upon the top and
    also defined out the whole thing without having side
    effect , people can take a signal. Will likely be back to get more.
    Thanks

  22. Excellent way of telling, and fastidious paragraph to take data concerning my presentation subject, which i am going to deliver in institution of higher education.

  23. Hello there! This is kind of off topic but I need some guidance from an established blog.
    Is it hard to set up your own blog? I’m not very techincal
    but I can figure things out pretty fast.
    I’m thinking about making my own but I’m not sure where to
    begin. Do you have any tips or suggestions? Thanks

  24. Today, I went to the beachfront with my children. I found a sea shell and gave it to my 4
    year old daughter and said «You can hear the ocean if you put this to your ear.» She put the shell
    to her ear and screamed. There was a hermit crab inside and it
    pinched her ear. She never wants to go back! LoL I know this is totally off topic
    but I had to tell someone!

  25. Hmm it looks like your blog ate my first comment (it was extremely long) so I guess I’ll
    just sum it up what I submitted and say, I’m thoroughly enjoying your blog.
    I too am an aspiring blog writer but I’m still new to everything.
    Do you have any tips for first-time blog writers? I’d genuinely appreciate
    it.

  26. Do you have a spam problem on this site; I
    also am a blogger, and I was curious about your situation; we have created some nice practices and we are looking
    to exchange solutions with other folks, why not shoot me an e-mail if interested.

  27. Usually I do not read post on blogs, but I would like to say that this write-up very forced me to take a
    look at and do it! Your writing style has been surprised me.
    Thank you, quite great post.

  28. I prefer the dear data anyone provide in your posts.. kumpulan youtube terbaik I’m going to bookmark your current site in addition to examine once more here regularly. I will be rather a number of I will be up to date plenty of completely new goods appropriate right here! Good luck for!

  29. Attractive element of content. I simply stumbled upon your
    website and in accession capital to assert that I acquire in fact enjoyed
    account your weblog posts. Anyway I will be
    subscribing to your augment and even I success you get admission to persistently
    rapidly.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*
*
Website