🎁 买Hostinger主机，免费获得此源码 | zfuye.org

CIE 1931 色度分析

精确探索色度坐标

x 0.3127
y 0.3290
Y 1.0000
x 0.3127
y 0.3290
Y 1.0000
sRGB
Display P3
REC. 2020
REC. 709
首先，
内部 外部
色域外 0.0000
ΔE00 0.0000
亮度 0.0000
色度 0.0000
状态 —

为什么要自建色域可视化工具？

市面上大多数色域可视化工具工具要么需要注册账号，要么有广告骚扰，甚至按月收费。自己在 Hostinger 主机上部署一套色域可视化工具，数据完全由自己掌控，永久免费使用，还可以根据实际需求自由修改。

色域可视化工具核心优势

3步部署到你的网站

  1. 👉 购买 Hostinger 主机（约¥17/月起，支付宝付款）
  2. 📱 联系作者 QQ：2445964978，购买后免费获取色域可视化工具完整源码
  3. 📁 上传 index.html 到网站目录，访问域名即可直接使用

🎁 购买主机 · 免费领取完整源码

购买 Hostinger 主机后联系我，获取源码打包下载链接

扫码加QQ

📱 QQ：2445964978

📧 [email protected]

📖 完整建站图文教程 →

🚀 立即购买 Hostinger
.metric-col { padding: 32px; display: flex; flex-direction: column; border-right: 1px solid var(--border-subtle); } .metric-col:last-child { border-right: none; } .metric-label { font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--text-tertiary); font-weight: 600; margin-bottom: 20px; } .metric-value { font-family: var(--font-mono); font-size: 22px; color: var(--text-primary); margin-bottom: 20px; line-height: 1.4; word-break: break-word; } .metric-desc { font-size: 12px; line-height: 1.6; color: var(--text-secondary); } .modal-overlay { position: fixed; inset: 0; background: rgba(9, 9, 11, 0.85); backdrop-filter: blur(12px); display: flex; justify-content: center; align-items: center; z-index: 100; opacity: 0; pointer-events: none; transition: opacity 0.4s ease; } .modal-overlay.active { opacity: 1; pointer-events: auto; } .modal-content { background: var(--bg-card); border: 1px solid var(--border-subtle); border-radius: 24px; width: 500px; padding: 48px; transform: translateY(20px); transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); box-shadow: 0 40px 80px rgba(0, 0, 0, 0.8); } .modal-overlay.active .modal-content { transform: translateY(0); } .modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px; } .modal-header h2 { font-size: 24px; font-weight: 400; font-family: var(--font-serif); font-style: italic; } .close-btn { background: none; border: none; color: var(--text-secondary); font-size: 24px; cursor: pointer; transition: color 0.2s; } .close-btn:hover { color: var(--text-primary); } .prose { color: var(--text-secondary); font-size: 14px; line-height: 1.7; font-weight: 300; } .prose p { margin-bottom: 16px; } .prose strong { color: var(--text-primary); font-weight: 500; } #compute-loader { position: absolute; inset: 0; background: var(--bg-panel); z-index: 10; display: flex; justify-content: center; align-items: center; color: var(--text-primary); font-size: 11px; font-family: var(--font-mono); letter-spacing: 0.2em; text-transform: uppercase; transition: opacity 0.5s ease; } .hidden { opacity: 0; pointer-events: none; }

CIE 1931 Chromaticity Analytics

Chromaticity Gamut

Computing Spectrum...
x0.3127
y0.3290
R 255
G 255
B 255

Reading the sample

SRGB · in gamut
P3 · in gamut
REC2020 · out of gamut
Chromaticity
0.3127,
0.3290
Position in CIE 1931 (x, y) space.
Relative Luminance
1.000
(fixed)
Y, normalized so reference white = 1.
Dominant Wavelength
--- nm
Spectral hue this chromaticity is closest to.
Excitation Purity
0.0%
Distance from white toward the spectral locus.
Correlated CCT
6504 K
McCamy approximation — reliable near the Planckian locus only.