Как правильно подбирать цвет?

Question

[ettaluni]

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

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

Comments

[Василий Банников]

Вот например цвет #DEF5FF цвет бледного неба, на одном мониторе у меня его вообще нет на втором он нормального оттенка. Как сделать так чтобы цвета хотябы не пропадали?

Пропадать они будут на криво откалиброванных мониторах.
Чтобы минимизировать этот эффект, подбирать цвета надо на эталонном мониторе - тогда хотябы у всех будет +/- одинаковое отклонение и привычные цвета.

[ettaluni]

Василий Банников, А что за эталонный монитор?

[Василий Банников]

ettaluni, эталонный = точно откалиброванный по стандарту, а не на глаз

Answer 1

[Sanes]

На глаз. Ты же дизайнер.

Answer 2

[GavriKos]

Как подбирать оттенки чтобы были везде одинаковые.

Никак. Не только мониторы, но и глаза разные.
Надо подбирать СОЧЕТАНИЯ, а не конкретные цвета.
Про html цвет вообще бред какой то.

Comments

[ettaluni]

А что мне тогда делать? У меня на одном мониторе цвет городского неба #DEF5FF на втором он вообще пропадает, то есть белый, его не видно

[Sanes]

ettaluni, ничего не делать. Подбирайте более контрастные сочетания.

[Иван Шумов]

ettaluni, калибруй второй монитор

[ettaluni]

Иван Шумов, А если у пользователя монитор такой, или откалиброван как ему нравится?

[Иван Шумов]

ettaluni, с тем же успехом можно начинать затачиваться на такие вопросы как:
- а у людей разное число колбочек в глазу (видят разное число оттенков)
- в разных частях мира свет падает под разным углом на экран
- экраны бывают матовые и глянцевые
- есть разные матрицы: TFT, AMOLED, IPS
- а еще есть продукты apple, которые вообще ни в одну категорию адекватно не попадают
- есть психи, смотрящие сайт на плазме
- есть извращенцы с кастовыми цветовыми схемами
- есть такое понятие как дальтонизм и другие виды отклонений цветопередачи в мозг
- есть слепые
- есть еще примерно 6 миллиардов людей кто этого не увидит)

[ettaluni]

Иван Шумов, Я понимаю что будет везде по разному, мне нужно подобрать цвет так чтобы он не пропадал. А то заместо искомого квадрата белое пятно, не видно элемента

[Иван Шумов]

ettaluni, если начать разбираться в цветопередаче то станет быстро ясно что выбранный цвет и факт его отображения не зависимые факторы. Никак. Вообще. С тем же успехом можно пользовать 5 основных цветов: Red, Green, Blue, White и Black. (При чем последний это отсутствие света на самом деле).

Answer 3

[Виолетта Морозова]

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

Comments

[ettaluni]

Спасибо за второе и за третье. Не то что я искал, но может смогу подобрать дугой оттенок.

Answer 4

[Константин Нагибович]

Я не дизайнер, но гугл предлагает
Такое и такое.

Comments

[ettaluni]

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

Answer 5

[Maslenok022]

Монитор нормальный заиметь

Answer 6

[Евгений]

Цветовая гамма подбирается на хорошем мониторе. Для веба подойдет sRGB 100% и Delta E≤2.

Answer 7

[Дмитрий Новиков]

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