Чтобы исправить это в большинстве ОС и браузеров, сделайте следующее:
- Создайте крошечное изображение (например, 1px), используя нужный цвет
- Дайте ему профиль sRGB ICC
- Используйте это в качестве фона
Согласованность цветов - это головная боль - почти наверняка нет способа, чтобы это выглядело одинаково на всех машинах и во всех браузерах (даже при условии калибровки!). Но мы можем стараться изо всех сил.
Встраивание профилей ICC, если они соблюдаются, дает вам контроль над цветовым пространством, используемым для отображения изображения, и может гарантировать согласованность цветов. Ваша проблема возникает из-за того, что без профиля Safari отображает цвета в цветовой гамме монитора, а не в sRGB. Единственная причина, по которой он отлично смотрится на первом Mac, это то, что цветовая гамма монитора соответствует sRGB.
Вы используете стили CSS с кодами RGB для установки цвета фона. Стандарт CSS3 предлагает свойство цветового профиля , которое позволит вам включить цветовой профиль, чтобы управлять тем, как этот фоновый цвет отображается, но, к сожалению, почти ни один браузер пока не реализует это.
Использование тегового изображения с цветным профилем в качестве фона (и, например, мозаики) вместо CSS позволит вам обеспечить согласованность во всех браузерах, которые поддерживают теги профиля ICC в изображениях. К сожалению, это не все браузеры (например, IE это не так), поэтому вначале я сделал краткий обзор того, что нет гарантии, что вы когда-либо сможете получить согласованность везде.
Я рекомендую вам создать крошечное изображение, используя нужный цвет, пометить его профилем sRGB и использовать в качестве фона. Это должно обеспечить вам согласованность почти везде (поскольку IE/Windows в любом случае предполагает sRGB для всего).