Paletton

Paletton 是一个基于传统 RYB 艺术色轮的专业配色工具，支持单色、互补、三元等经典色彩结构，自动生成五级明度，并内置 WCAG 对比度检测与八种色盲模拟。适合品牌、印刷及无障碍 UI 设计，完全免费，无需登录。

Paletton是什么

Paletton 是一个被时间遗忘的色彩工程工具。它没有 AI 推荐，没有社交分享，也不追逐‘潮流配色’。它的核心是一套完整的 RYB 色轮系统，配合可访问性检测、色盲模拟和多格式导出，为需要严谨色彩逻辑的项目提供支持。如果你正在构建品牌系统、印刷物料或需要符合 WCAG 标准的 UI，Paletton 提供了一种近乎‘冷酷理性’但极其可靠的色彩解决方案。它不告诉你‘什么颜色好看’，而是告诉你‘哪些颜色能正确工作’。

主页（主色轮与配色模型选择）

调色板详情页（含对比度检测与色盲模拟）

使用说明

如何使用Paletton

基础操作

访问 https://paletton.com（需启用 JavaScript）
在色轮上拖动中心圆点选择主色（Base Hue）
在顶部选择配色模型：Monochromatic（单色）、Triad（三元）、Tetrad（四元）等
观察右侧自动生成的五级明度层级，可用于按钮、文字、背景等不同元素
点击任意两色，查看对比度数值及 WCAG 合规性
点击「Color Blind」选项卡，查看八种色觉缺陷下的呈现效果
点击「Export」按钮，选择 CSS、LESS 或其他格式导出代码

进阶技巧

从现实出发：像官网建议的那样，先选一个你喜欢的物体（如盐罐、旧书封面），用其颜色作为起点，可能激发意想不到的搭配
灰度预览：点击「Grayscale」按钮，检查在黑白模式下是否仍能区分不同元素，这是检验层次感的关键
避免过度依赖：Paletton 生成的方案是结构性的，但不是最终答案。你可以手动调整明度或替换个别颜色，只要保留基本关系即可
教学用途：将「Tartan」模板用于教授图案与色彩的关系，比纯理论讲解更直观

Paletton 的特色

RYB 艺术色轮驱动

采用传统绘画理论中的红黄蓝三原色模型，更适合实体设计、品牌、印刷等非数字场景

经典色彩结构生成

支持单色、互补、分裂互补、三元、四元等专业配色方案，结构清晰可教学

五级明度自动衍生

每种主色自动生成五个明暗层级，直接用于 UI 按钮、状态、文字等元素

实时 WCAG 对比度检测

任意两色组合即时显示对比度数值，并标注是否符合 AA/AAA 标准

八种色觉缺陷模拟

包括红绿色盲、蓝黄色盲、全色盲（Achromatopsia）等，确保包容性设计

多格式一键导出

支持 CSS、LESS、HTML、XML、Photoshop ACO、GIMP GPL 等专业格式，无缝接入流程

真实场景预览模板

可在网页 UI、随机插画、格子布（Tartan）等模板中预览配色效果

无需登录，完全免费

无账户体系、无广告、无 Pro 版本，所有功能开箱即用

Paletton 的使用场景

无障碍优先的 UI 设计

在配色初期就验证文本与背景的对比度，避免后期返工

品牌色彩系统搭建

基于单一主色，系统化生成辅助色、强调色与中性色组合

印刷与纺织品配色

利用 RYB 模型和 Tartan 预览，为实体物料选择协调色彩

教学色彩理论

向学生直观展示互补、三元等经典色彩关系的实际效果

跨媒介色彩一致性

确保同一套颜色在屏幕、纸张、织物上保持视觉和谐

色觉友好型设计验证

快速测试现有配色在色盲用户眼中的辨识度

Paletton 优缺点

优点

基于 RYB 色轮，适合传统艺术、印刷、品牌设计等非数字场景

内置 WCAG 对比度检测与色盲模拟，保障可访问性

五级明度自动衍生，便于构建 UI 色阶系统

支持多种专业格式导出，无缝对接开发与设计流程

完全免费，无登录、无广告、无功能墙

界面虽老旧，但交互逻辑清晰，响应迅速

缺点

UI 界面陈旧，无响应式设计，移动端体验差

不支持上传图片取色，无法从真实图像提取灵感

缺少 AI 推荐、趋势分析等现代功能

无法保存或收藏调色板，每次需重新创建

无协作功能，不适合团队共享

部分功能依赖 Flash 时代技术，加载稍慢

Paletton 常见问题

Q1: Paletton 和 Coolors、Adobe Color 有什么区别？

Coolors 和 Adobe Color 更偏向‘灵感发现’，通过算法推荐流行或和谐的配色；而 Paletton 是‘色彩工程’工具，专注于结构化生成与可访问性验证。前者适合快速找灵感，后者适合构建系统性的色彩规范。

Q2: 为什么 Paletton 使用 RYB 而不是 RGB？

RYB 是传统绘画和印刷领域的标准色轮，更符合颜料混合逻辑。虽然 RGB 是数字屏幕的基础，但在品牌、印刷、实体产品设计中，RYB 更能反映实际色彩表现。

Q3: Paletton 的配色可以用于商业项目吗？

可以。所有生成的颜色均为通用值，不受版权保护。但请注意：原始图像（如网站截图）若涉及版权，则不应直接用于商业发布。

Q4: Paletton 支持中文吗？

不支持。界面仅提供英文，但所有功能可通过图形操作完成，无需阅读大量文本。