配色与字体真站实时预览工具 · 三档全 $0（None/Pro/Enterprise 同价、自嘲通用区）；页脚 CC BY-NC-ND 许可按实。
Realtime Colors把候选色铺在真实网站上预览：30 万用户、四步出品牌色、六格式导出，永久免费；Figma 插件 1.9 万用户同门。
深度介绍
题面单名照录——**Realtime Colors**；元描述全录——**把你的颜色与字体放在一个真实网站上可视化**。门柱双句与双钮——**Visualize Your Colors and Fonts On a Real Site**、**选配色或字体？用下面的工具条当场把选择做实**；Get Started 与 How does it work 双钮加 Scroll to see more sections 提示。**顶栏五件加发布横幅**——Figma Plugin、**VS Code Theme Editor**、Docs、Templates、Dashboard、Blog Post，横幅 **🎉 VS Code Theme Editor Released →**（新编辑器发布直读）。**三卖点三行**照录——**Saves time**（不用花几小时试配色变体、当场定）、**It's Realistic**（色板难挑、这工具把颜色铺在**真实网站**上）、**It's simple**（按几下按钮、品牌配色即导出）。
规模与许可双层照录。**四硬数四行**——**300K+ Users and counting**（30 万用户还在涨）、**100% Free! Forever.**（永久免费）、**19K+ Plugin Users**（Figma 插件 1.9 万，配 Check it out on Figma 钮）、**200+ ProductHunt Upvotes**（配 Leave a review 钮）。**归属与许可三件**页脚原文——**Made with ❤ by @Juxtopposed**（个人作者 X 句柄照录）、**No cookies 🍪 Just colors 🎨 and fonts 🔡** 彩蛋句、**Copyright © 2024 All Rights Reserved. CC BY-NC-ND License**（版权年 2024 加**署名-非演绎-非商业**许可名双录）；**GitHub LICENSE 真链**（juxtopposed/realtimecolors 的 LICENSE.md）为许可出处第二证。个人项目把许可名写进了版权行，少见的坦荡。
How Does it Work? 四步整段照录——**①从文字与背景两个中性色起步**；**②选主色与副色**（主色给主要 CTA 与区块、副色给次要按钮与信息卡）；**③Accent 强调色**（出现在图片、高亮、超链接、框、卡片等处）；**④按 Export 选格式导出**——**.zip、.png、CSS、SCSS、QR Code** 等（**六格式清单照录**）。**工具条残句**与 Text HEX 输入框在页脚区同屏（Colors 与 Color Setup 双段按实截录）。中性起步、主次分岗、强调点睛、四步收口——配色方法论被拆成了乐高说明书。
价目区是全站最大彩蛋，整段照录——开场句 **The tool is 100% free! This is just a generic section.**（工具全免费、这节只是通用摆设）；**三档全 $0**——**None（Basic）Free**（任选色、尽情导出、Get Started 钮）、**Pro $0.00/month 标 Most Popular**（外加感谢句与 **dashboard 访问**、Go to Dashboard 钮）、**Enterprise $0.00/month**（外加**Super duper exclusive members-only content** 与 Learn more 钮）。**Testimonials 区明写 imaginary**——**What (imaginary) people are saying**（想象中的人怎么说）；三条反讽证言入册：Cool User 产品设计师（**这站是所有网站同时存在**）、Creative Person 产品负责人（两分钟找到最爱色、**totally real review 反讽**）、Real Reviewer 开发者（**快去升级 Enterprise plan. No kidding**——对着 $0 档喊升级）。把假评论写成段子的站，先把免责声明放进了标题。
机读与缺席四笔照实。**五径 404 按实**——robots、sitemap、about、blog、pricing 全数不存在（价目即首页那段 $0 假区按实互证）；**docs 是转发壳**——/docs 返回 375 字节、正文一句 **Redirecting to: /docs/about-realtime-colors**（转发壳带目标真径按实录），**文档七真径**由首页 hrefs 打样——about-realtime-colors、**contrast-checker**（对比度检查器）、exporting、font-setup、selecting-colors、examples、releases（docs 树七枚全录）。**四步查重照走**——V2 一次 404、边界正则零命中、清单与汇总零撞。一个没有规则文件、没有图、连 about 都不设的小站，把文档藏进了自己页面的转发壳里。
地址层双线照录。**四按钮四真链**——官网入口、**Figma 社区插件**（插件编号 1234060894101724457、与 1.9 万插件用户硬数互证）、**GitHub 开源仓**（juxtopposed/realtimecolors）与**文档真径**（about-realtime-colors 转发目标）。**社交三链与工具链**——作者主页 github.com/juxtopposed、推特 @juxtopposed、Codepen 主页（handle 三平台同名互证），另有 **dashboard** 登录位与 **docs/releases** 发版文档真径。**字体加载句**在页内 href 直挂——**Fira Code 与 McLaren 及 Inter 三字体**的 Google Fonts 表一次拉齐（字体预览区的字源就这三家按实）。四钮放操作位、社交链放页脚位、文档树挂转发壳——一个小站把全部出口摆在两层导航里。
素材与档案五条按实收口，本段保持纯文本写法以避开发布端解析坑。其一，**双源同图转正**——og 与封面共用官方预览图 801 乘 419（比例 1.91 在带内、直取四连实测）。其二，**无方图源四笔按实**——favicon.png 仅 79 乘 79（低于 180 弃用留档）、apple 链缺失、og 宽图非方、App 搜索序六条全他牌（Color Catcher 与 Realtime Filter 等正主未命中）→ logo 按无方图源先例用预览图转正（两维均超 180、像素实测把关）。其三，字体源句入册——页内直接加载 **Fira Code 与 McLaren 及 Inter 三字体**的 Google Fonts 表（字体预览的字源按实）。其四，Codepen 与推特及 GitHub 与 Figma 四真链在册、dashboard 与 releases 文档真径互证。其五，黑名单模式扫描零命中、四步查重边界正则全空、V2 一次 404，基线连 realtimecolors 域名都没撞过任何既有记录。
产品特点
免费站照着 SaaS 模板做了三档：None、Pro、Enterprise 全 $0.00，Pro 还标 Most Popular——价格表先把自己活成了段子。
免责声明直接写进标题：想象中的人怎么说，再配一句 totally real review——假评论不装真，反讽成了招牌。
30 万用户、1.9 万插件用户、200+ ProductHunt、外加 100% Free Forever——规模数字和免费宣言排在一列，硬气得理直气壮。
机器人、站点图、关于、博客、价目五条路全都不复存在，文档还只肯给个转发壳——小站的存在感，全靠首页那根工具条在硬撑呢喂。
最近动态
页脚照录 **Copyright © 2024 All Rights Reserved. CC BY-NC-ND License**（年份与许可名双录、日未标按年注）；GitHub LICENSE.md 为许可出处第二证、作者句柄 @Juxtopposed 三平台（GitHub 与推特与 Codepen）同名互证。
顶栏挂 **🎉 VS Code Theme Editor Released →** 发布直读横幅（原文按实、日未标按实注）；文档树含 /docs/releases 真径与转发壳目标 about-realtime-colors——新功能以横幅与文档双口布告。
核验时四按钮八引在册（官网与 Figma 插件及 GitHub 与文档真径四钮，加 preview 双素材出处、LICENSE、favicon 留档与 releases 真径）；四步流程六格式与 $0 三档及 imaginary 证言与四硬数逐字入录；五径 404 与转发壳归档；素材同图四连、79 点弃用；六他牌不录；黑名单零命中；四步查重边界正则全空——基线连 realtimecolors 都零命中。
Realtime Colors 是配色工具里的自嘲派，四硬数与 $0 三档把免费站的坦荡写满了首页。题与 desc 双照录——**把颜色与字体放在真实网站上可视化**；门柱双钮加发布横幅（VS Code Theme Editor 上线直读）。**四硬数四行**——30 万用户、**永久免费**、Figma 插件 1.9 万、ProductHunt 200+；**四步方法论**（中性双色起步、主次分岗、Accent 点睛、Export 出 **zip 与 png 及 CSS 及 SCSS 及二维码六格式**）。 **价目区是段子**——开场句自认通用摆设，**None 与 Pro 及 Enterprise 三档全 $0.00**、Pro 挂 Most Popular；**Testimonials 明写 imaginary** 三条反讽证言（含对着 $0 档喊升级的 No kidding）。**归属三件**页脚原文——**Made with ❤ by @Juxtopposed**、**No cookies Just colors and fonts** 彩蛋、**©2024 CC BY-NC-ND** 许可名双录，**GitHub LICENSE 第二证**；四真链（Figma 插件 123406…、GitHub 仓、Codepen、推特）与 docs 七真径（含 contrast-checker 对比度检查器）入册，**五径 404 与 375 字节转发壳**按实。 素材同图双源——**preview.png 801×419（1.91 四连直取）**转正 logo 与封面（79 点 favicon 弃用、无方图源四笔按实、六他牌 App 不录）；字体源句（Fira Code 与 McLaren 与 Inter）入册；黑名单零命中、四步查重边界正则全空——基线连 realtimecolors 都没撞过任何记录；按 422 新坑纪律，末段保持纯文本写法。
核验信息
本页事实来自：首页（题与 desc、门柱双钮与发布横幅、三卖点、四硬数四行、四步流程六格式、$0 三档假价目、imaginary 证言三条、footer 归属与 CC 许可行、hrefs 八真链与字体源句）、docs 转发壳（375B 与目标真径）、五径 404（robots 与 sitemap 及 about 及 blog 及 pricing）、GitHub 仓与 LICENSE 双证、Figma 插件页、素材（preview 801×419 四连双源、favicon 79 弃用）、App（六他牌不录）。排除：价目即首页假区按实互证。核验于 2026-09-24。
Realtime Colors介绍页面对您是否有帮助？