ColorQRCode 彩色二维码生成器
ColorQRCode 是一个在线二维码和 AI 调色板工具，支持自定义配色、格式导出、WCAG 可访问性检查和 Tailwind CSS 色板导出。
What it is / 项目是什么
Free online QR code generator and AI color palette tool. Custom colors, multiple formats, WCAG accessibility checking, and Tailwind CSS export.
免费在线 QR 码生成器和 AI 调色板工具。支持自定义颜色、多种格式导出、WCAG 无障碍检查和 Tailwind CSS 导出。
How it works / 实现原理
二维码生成完全在浏览器本地完成，不会把你的链接或文本上传服务器。AI 调色板用 LLM 接受自然语言 prompt（例如"复古、暖色、低饱和"），生成 5-6 色的色板提案，并自动检查每对颜色的 WCAG 对比度。导出支持 PNG、SVG，调色板可一键复制成 Tailwind CSS 的 theme.colors 配置。
Who it is for / 适合谁
需要快速生成品牌化二维码、配色方案和前端色板的设计师与开发者。
Typical use cases / 常见使用场景
- 给品牌活动、海报、名片生成有风格的二维码
- 为前端项目快速产出一套配色，并导成 Tailwind 配置
- 检查现有配色方案在无障碍标准下是否可读
Key features / 主要功能
- 生成自定义颜色和样式的二维码
- 支持多种导出格式和 Tailwind CSS 色板
- 内置 WCAG 对比度检查，减少低可读性配色
Design notes / 设计取舍
市面上的免费二维码工具大多有水印或上传到服务器。ColorQRCode 把生成过程完全前端化，并把可访问性检查作为默认动作——很多漂亮的配色其实在视障用户视角下不可读，工具应该主动提醒，而不是让设计师事后才发现。
Technology stack / 技术栈
Each layer below was chosen for what it lets the project avoid as much as what it enables. Together they shape the latency, the build pipeline, and how quickly new ideas can be tried in production.
下面这些选择，更多是为了排除某些复杂度，而不只是为了“用上”。它们共同决定了项目的延迟特性、构建流水线，以及把一个想法跑通的最短路径。
Next.js
A React framework with server-side rendering, file-based routing, and a streaming runtime. Powers SEO-friendly pages and incremental builds.
TypeScript
A typed superset of JavaScript that catches mismatches at compile time. Helps keep the codebase maintainable as projects grow.
Tailwind
A utility-first CSS framework that composes styles directly in markup. Keeps visual decisions close to the component and avoids unused CSS bloat.
FAQ / 常见问题
生成的二维码我可以商用吗？
可以。二维码本身没有版权，工具只是生成。请确保你导入的内容（logo、链接）拥有相应使用权。
AI 调色板会泄露我的描述吗？
描述会发送到 AI 服务以生成色板，不和你的身份绑定。如果你需要离线生成，请使用工具里内置的预设色板。
为什么有些好看的配色不通过 WCAG 检查？
WCAG 关心的是文字与背景的对比度，纯粹的视觉好看和无障碍可读性是两件事。工具会提示你哪些颜色对适合做文字，哪些更适合做装饰。
可以批量生成二维码吗？
当前版本以单个生成为主。批量场景建议用编程工具，例如 qrcode-generator 这类开源库。
More projects from jiligulu
If this project struck a chord, the same hands are behind these. Each one was built to answer a different question — and each one borrows lessons from the rest.
人格实验室
A dedicated personality-test hub with 16 playful tests, from MBTI-inspired formats to relationship, work, values, and social-persona quizzes.
Read moreAI character chat话影
An AI character chat project that turns chat records you have the right to use into a testable role, with tone, relationship context, and shared memories.
Read moreRAG assistant命理问答
A Bazi Q&A assistant built around a local RAG knowledge base, designed for conversational answers from curated astrology and Bazi material.
Read moreContinue reading
The blog goes deeper into the ideas behind ColorQRCode. These pieces unpack the psychology, the engineering trade-offs, and the design questions this project raises.
- 11 min read
拖延不是懒，是情绪调节问题 / Procrastination Isn't Laziness, It's Emotion Regulation
你拖延某件事的真正原因，几乎从来不是"我懒"，而是"做这件事会让我感觉不好"。Pychyl 和 Sirois 这两位拖延心理学家的研究把这事讲得很硬，也带来一组完全不一样的应对方法。/ The real reason you procrastinate on something almost never reduces to "I'm lazy." It's "doing this would make me feel bad." Tim Pychyl and Fuschia Sirois have spent decades demonstrating this — and the implications change what a useful response looks like.
- 10 min read
独处不等于孤独 / Solitude Is Not the Same as Loneliness
中文里"独处"和"孤独"经常被混着用，神经科学和心理学却把它们当成两件几乎相反的事——前者是恢复，后者是消耗。这篇讲一下两者的差别、独处的具体好处，以及为什么现代生活把独处变得越来越难。/ Chinese readers often blur "solitude" and "loneliness"; neuroscience and psychology treat them as nearly opposite phenomena — one restores, the other drains. This piece spells out the difference, what solitude actually does, and why modern life makes it so hard to access.
- 9 min read
你在 GitHub、LinkedIn、Twitter 上是同一个人吗？/ Are You the Same Person on GitHub, LinkedIn, and Twitter?
程序员、设计师、做产品的人——基本上每个互联网工作者，都在三五个平台上有不同程度割裂的"自己"。这种割裂是策略上的成熟，还是身份层面的代价？/ Engineers, designers, product folks — basically everyone who works online maintains some level of fractured self across three or five platforms. Is that fracture strategic maturity, or an identity-level cost?