Этот зеленый светится ярче белого

В HDR-картинке можно задать яркость пикселя в нитах. Экран с HDR поднимает такие пиксели выше обычного белого, поэтому цвет буквально горит. Сравни со своим экраном ниже.

Сравни с белым экрана

В каждом квадрате слева HDR-картинка, справа тот же цвет обычным CSS. Крайний квадрат — самый белый цвет, который страница может показать без HDR. Если слева ярче, чем этот белый, эффект работает.

белый#ffffff

Те же цвета в картинках

Проверяю экран…

Ярко-зеленая карточка с черной надписью «вот это прикол» — Зеленый #7cff00 на ~1000 нит, текст чисто черный

Зеленый #7cff00 на ~1000 нит, текст чисто черный

Светящееся разноцветное кольцо вокруг темного круга под аватар — Кольцо под аватар, палитра из шести цветов

Кольцо под аватар, палитра из шести цветов

Как сделать такую картинку

Профиль документа: В Photoshop назначь документу Rec.ITU-R 2100 PQ или Rec.ITU-R BT.2020, иначе яркость выше белого просто некуда записать.
Цвет: Бери насыщенный, но светлый, ближе к белому. Темные цвета гореть не будут, сколько нит им ни ставь.
Экспорт: PNG с галочкой «Встроенный профиль». Без нее файл уйдет обычной картинкой.
Публикация: LinkedIn сохраняет профиль. Телеграм пережимает фото в обычный JPEG, поэтому туда — ссылкой на страницу или файлом.

А если цвет задать в CSS?

div {
  background: #00ff00;
  background: color(display-p3 0 1 0);
  background: color(rec2020 0 1 0);
}

обычный #00ff00

rec2020

Справа цвет с более широким охватом: на экранах P3 он заметно сочнее. Но ярче белого CSS-цвет пока не станет — браузеры ограничивают его обычным диапазоном. Горящий эффект сейчас дают только HDR-картинки и видео.

Если ничего не горит

Экран не поддерживает HDR или HDR выключен в настройках системы.
Браузер не умеет HDR-картинки. Открой страницу в Chrome или Safari последних версий.
Включен режим энергосбережения — в нем HDR отключается.
Страница открылась во встроенном браузере Телеграма. Нажми «Открыть в браузере».