Почему различаются цвета на PSD и на HTML странице?

Question

[your-brother]

Хотел сверстать простенький макет. При подборе цвета пользовался "пипеткой" плагина Sublime, но цвет готовый в разы насыщенней, чем тот который в макете. И как мне кажется, так со всеми цветами, там ещё серый цвет шрифта, в макете он такой бледненький. Возможно в макете стоит какой-то процент прозрачности, если это так, то как узнать его?
Подскажите неграмотному.
*фото прилагаю.

Comments

[Flying]

Photoshop всё-таки программа для работы с цветом, она учитывает цветовые профили. Стоит брать цвета именно из самого Photoshop, а не с экрана

[Нерон Лордов]

Flying, фотошоп это программа для работы с растром. Нет, это не программа, это КОМБАЙН, и он хорош для чего угодно, но только не для вебдизайна.

[RAX7]

потыкал в скриншот пипеткой в фотошопе:
- оранжевый одинаковый и в макете и в браузере rgb(255, 119, 0)
- серый градиент отличается в ФШ

linear-gradient(to bottom, rgb(255,255,255), rgb(226,226,226))

; в браузере

linear-gradient(to bottom, rgb(255,255,255), rgb(210,210,210))

[Flying]

Нерон Лордов а как мой комментарий противоречит вашему? :) Опять же предполагаю что у автора вопроса вряд ли есть выбор - работает с тем макетом что дали. Ну и опять же, у меня есть пара весьма хороших дизайнеров которые готовят макеты для веб-дизайна в Photoshop, им так привычнее, хотя да, сейчас есть более удобные инструменты для этого.

[Kadzi]

https://www.youtube.com/watch?v=N72EA2r-g3s

офтоп, но интересно:

"Какое цветовое пространство выбрать в фотошопе для работы с веб-графикой и какие должны быть настройки цветового профиля? Почему цвет в фотошопе иногда не соответствует цвету в браузере, почему так происходит, кто виноват и что делать?"

Answer 1

[Нерон Лордов]

Проверь, в RGB ли макет - пишется на вкладке с документом либо в меню Image -> Mode

Если таки RGB - какой цветовой профиль в макете? Зайди в Edit-> Convert to profile и посмотри, что написано в Source profile. Должно быть sRGB. Если стоит другой - это точно как минимум часть проблемы.

Answer 2

[lukoie]

Так цветовой профиль же подключен. Отключите его - и будете видеть как на самом деле монитор его показывает.