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

E F P T O Z L P E D

面向网页的色盲模拟工具。

无（正常）无滤镜红色盲（Protanopia）红色盲绿色盲（Deuteranopia）绿色盲蓝色盲（Tritanopia）蓝色盲全色盲（Achromatopsia）全色盲

颜色选择器

选取一种颜色，查看它在不同类型色盲下的显示效果。

原始

红色盲

绿色盲

蓝色盲

全色盲

图像模拟器

上传一张图片，查看它在色盲视角下的效果。

拖放图片到此处，或点击选择。
支持 JPG、PNG、GIF、WebP 格式。

原始图像

模拟效果

为什么要自建色盲模拟工具v2？

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

色盲模拟工具v2核心优势

✅ 纯浏览器端运行，数据保存在本地，完全私密
✅ 手机、电脑均可访问，响应式自适应布局
✅ 无广告、无注册、永久免费，一次部署长期使用
✅ 购买 Hostinger 主机后上传即用，无需任何编程基础

3步部署到你的网站

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

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

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

扫码加QQ

📱 QQ：2445964978

📧 [email protected]

📖 完整建站图文教程 →

🚀 立即购买 Hostinger

var(--ink) inset; } .thumb-card canvas { width: 100%; height: 80px; object-fit: cover; } .thumb-card .thumb-label { font-size: 11px; font-weight: 700; padding: 6px 8px; color: var(--ink-muted); } .empty-note { color: var(--ink-muted); font-size: 13.5px; text-align: center; padding: 30px 0; } footer { color: var(--ink-muted); font-size: 12.5px; margin-top: 30px; border-top: 1px solid var(--line); padding-top: 18px; } .toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(20px); background: var(--surface-2); color: var(--ink); font-size: 13px; padding: 10px 18px; border-radius: 999px; border: 1px solid var(--line); box-shadow: 0 8px 20px var(--shadow-line); opacity: 0; pointer-events: none; transition: opacity 0.18s ease, transform 0.18s ease; } .toast.show { opacity: 1; transform: translateX(-50%) translateY(0); } @media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

SEE IT DIFFERENTLY experience color like never before

Preview colors and images the way they appear under four common types of color vision deficiency — no uploads leave your browser, no external services involved.

Each chip shows a pair of colors that people with that condition often confuse.

Pick a color

Choose any color to see how it shifts under each condition.

Simulate an image

Upload an image to compare it side by side against the selected condition above.

Click to upload or drag an image here — stays local, nothing is sent anywhere.

No image uploaded yet.

Copied