ColorBase: UI Color Palettes

ColorBase – 色彩调色板和 UI 颜色工具

使用 ColorBase 创建、探索、测试和管理 UI/UX 设计的颜色。

构建专业的调色板、配色方案、渐变、色调和明暗度，检查 WCAG 对比度，从图像中拾取颜色，测试排版，预览 UI 组件，并导出可用于生产环境的设计令牌——所有功能都集成在一个轻量级、离线优先的应用程序中。

🎨 色彩调色板和配色方案生成器

使用专业的色轮和色彩和谐系统创建精美的调色板。生成：

• 互补色调色板

• 类似色配色方案

• 单色调色板

• 三色组合

• 四色配色方案

• 自定义 UI 调色板

使用基础色探索适用于应用程序、网站、品牌、图形和 UI 设计的和谐配色方案。

♿ WCAG 对比度检查器和自动修复

使用 WCAG 对比度检查器即时检查文本和背景颜色对比度。

检查您的颜色是否符合 WCAG 2.1 AA 和 AAA 无障碍标准，并在对比度不足时使用 ColorBase 的自动修复工具查找更佳的颜色组合。

用途：

• UI 无障碍测试

• 文本对比度检查

• 背景对比度测试

• 无障碍颜色选择

• 浅色和深色 UI 主题

🌈 色调、色相和颜色生成器

从任何基础颜色生成完整的颜色阶梯。为 UI 状态、背景、边框、按钮和设计系统创建更浅的色调和更深的色调。

以 HEX、RGB 和 HSL 格式导出颜色。

🎯 颜色选择器和图像颜色提取器

直接从图像、照片、屏幕截图或 UI 设计中拾取颜色。

提取精确的颜色并将其保存为可重复使用的色板，供您的项目使用。

🎨 颜色混合器

使用不同的颜色模型混合颜色，并探索颜色在 RGB、HSL、LAB 和 LCH 颜色空间中的表现。

创建自定义颜色并尝试不同的混合方式。

✨ 渐变生成器

为网站、移动应用、背景、卡片和视觉设计创建自定义线性渐变和径向渐变。

尝试不同的颜色、渐变停止点、角度和渐变组合，并实时预览结果。

🔤 字体排印测试器

测试字体排印与颜色和背景的组合效果。

预览不同的字体样式、大小、粗细和文本组合。搜索 Google Fonts 并将字体加载到字体排印测试平台，以评估标题、正文、按钮和 UI 内容。

📱 UI 颜色和组件可视化工具

不要仅仅依靠颜色选择器来判断颜色。

在真实的 UI 组件上预览您的颜色系统，例如：

• 按钮

• 卡片

• 输入框

• 工具提示

• 进度条

• Snackbars（提示栏）

• 对话框

• 手风琴式折叠面板

• 文本和背景

查看您的颜色在实际界面中的搭配效果。

🧩 设计令牌和开发者导出

将您的颜色系统转换为可用于生产环境的设计令牌。

导出颜色和设计变量，支持：

• CSS 变量

• Tailwind CSS

• React Native

• Flutter

• HEX

• RGB

• HSL

构建可复用的颜色系统，无需手动复制单个颜色代码。

🔎 颜色名称查找器

查找与 HEX 值最接近的已知颜色名称，并将您的自定义颜色整理成可复用的色板。

📴 离线颜色工具包

ColorBase 是一款轻量级的离线颜色工具。无需持续的网络连接，即可创建调色板、检查颜色、生成渐变、测试 UI 组合并管理您保存的颜色资源。

为什么使用 ColorBase？

一款应用，满足您日常的色彩工作流程：

✓ 调色板生成器

✓ 配色方案生成器

✓ 色轮

✓ 颜色选择器

✓ 图片颜色选择器

✓ WCAG 对比度检查器

✓ 色调生成器

✓ 颜色混合器

✓ 渐变生成器

✓ 字体测试器

✓ UI 颜色可视化工具

✓ 设计令牌导出器

✓ HEX / RGB / HSL 工具

✓ 离线色彩工作区

无论您是在设计移动应用、网站、仪表盘、品牌标识、图形还是设计系统，ColorBase 都能帮助您探索色彩、验证组合、构建一致的调色板，并为生产做好准备。

创建更佳的色彩系统。检查可访问性。