Почему веб-браузер по-разному отображает цвет фона элементов html и body? ⇐ Html

[Anonymous]

Если вы откроете следующий пример в веб-браузере, вы можете увидеть четкое различие между элементом html и элементом вышележащий элемент body, несмотря на то, что им назначены одинаковые цвета фона с полной непрозрачностью. Может ли кто-нибудь объяснить, что здесь происходит и что можно исправить?
Если по какой-то причине вы не видите разницы в цвете, попробуйте немного увеличить или уменьшить яркость цвета. На моем экране это наиболее заметно на 15 %.
Похоже, этот побочный эффект влияет только на браузер Chrome на macOS.

Код: Выделить всё

Document

html,
body {
margin: 0;
padding: 0;
background-color: hsl(0, 10%, 15%);
}




xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx
xxx

Подробнее здесь: https://stackoverflow.com/questions/795 ... dy-element