🌿 Web HDR 绿色演示

主题色: #16DA49 → HDR 绿色 color(display-p3 0.3 2.5 0.6)

1. HDR 支持检测

检测中…

2. HDR 图片（AVIF Rec.2100 PQ）

HDR AVIF 示例

高光区域应明显亮于页面白色。

3. HDR 绿色文字

HDR GREEN
HDR WHITE (对比)

上方绿色文字使用 color(display-p3 0.3 2.5 0.6)，应比 SDR 绿色更亮

4. HDR 绿色边框

HDR 绿色边框 + 发光
HDR 白色边框 (对比)

5. HDR 绿色背光阴影

HDR Green Glow

6. 色块对比

HDR 绿
HDR 绿色 (亮度 2.5)
SDR 绿
SDR 绿色 (#16DA49)
HDR 白
HDR 白色 (亮度 2.0)
SDR 白
SDR 白色 (#ffffff)

HDR 绿色色块应比 SDR 绿色明显更亮、更鲜艳。

7. HDR 绿色按钮

8. HDR 绿色卡片

🌿 HDR 绿色卡片标题

这个卡片使用 HDR 绿色边框和标题，悬停时发光效果会增强。

边框: color(display-p3 0.3 2.5 0.6)

9. HDR Canvas（WebGPU 16bit float）

Canvas 中的亮色块应比 SDR 白色更亮。