Браузер отображает неправильный цвет - PullRequest
0 голосов
/ 09 апреля 2020

Я хочу отобразить div на моем сайте, который имеет цвет RGB (244 209,82). Поэтому я определил цвет в css, но браузер показывает цвет, отличный от того, который я выбрал. Вместо этого это RGB (239, 210, 104)! Я пробовал chrome, сафари и оперу, но проблема появляется в каждом браузере.

Вот мой код:

#container{
    margin: 5rem;
    background-color: rgb(244,209,82);
}
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Wrong color</title>
</head>
<body>
    <div id="container">
        <h1 id="title">This is the title</h1>
        <p id="text">This is the text</p>
    </div>
</body>

Здесь вы можете увидеть нужный мне цвет: изображение правильного цвета

Это цвет, который я получаю: отображаемый цвет

Я также пытался использовать изображение с этим цветом, но оно также отображалось неправильно, поэтому я предполагаю, что это может быть универсальной проблемой с этим цветом и браузерами (однако скриншот выше отображается правильно, в отличие от изображения, которое я использовал, которое состояло только из цвета). Я выбрал цвет в Adobe XD, если он отображался правильно.

Спасибо за помощь.

Ответы [ 2 ]

1 голос
/ 09 апреля 2020

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

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

0 голосов
/ 09 апреля 2020

Давайте попробуем: background-color: # fad12a; или цвет фона: rgba (250 209,42,1);

...