Цвет дисплея в Chrome и Safari

Question

Моя проблема касается цветного дисплея.

У меня есть #0565af цветного изображения внутри округлой коробки с background-color: #0565af;. В Safari я вижу два разных цвета. На прилагаемом рисунке показана разница. Как я могу устранить эту разницу?

Answer 1

Как правило, браузеры интерпретируют цвет по-разному в соответствии с тем, как он написан. Между тем некоторые браузеры предпочитают наиболее часто используемую номенклатуру HEX, другие браузеры интерпретируют sRGB, вычисляя различные оттенки базовых цветов и оттуда. Эмпирическое правило я применяю профессионально, когда сомневаюсь в том, чтобы объявить как код HEX, так и код sRGB в CSS. Если вы используете LESS или SCSS, вы можете интегрировать их в один mixin и отображать как таковой.

Так нормальный черный цвет, будет кодироваться как:

.class{ 
    color:#000; 
    color: #000000; 
    color: rgb(0,0,0); 
} 

Приведи по этим ссылкам для более подробного объяснения по этой известной проблеме

Numerical color values

Colors in sRGB

и использовать эту отличный инструмент, который поможет вам найти значения, которые вы ищете:

ColorHexa