颜色浏览和搜索命名颜色

调色板浏览精选调色板，寻找灵感。

创建调色板手动创建调色板 — 选择颜色、添加标签并分享。

从颜色生成调色板从基础颜色即时获取调色板建议。

色彩和谐探索互补色、三色组和其他色彩和谐。

从图片提取从照片获取颜色

可视化器在真实设计模板上预览您的调色板。

组件使用您的调色板预览按钮、输入框和徽章等基础UI元素。

图表查看您的调色板应用于柱状图、折线图和甜甜圈图。

标题探索排版的每种背景色和文字颜色组合。

标志测试标志和文字商标的品牌颜色组合。

图标预览您的调色板应用于 Lucide 和 Heroicons 的多色图标。

DaisyUI主题从任何基础颜色生成完整的DaisyUI主题。

Tailwind CSS创建和预览Tailwind CSS颜色比例尺。

Shadcn UI预览映射到shadcn/ui设计令牌的调色板。

Material 3将您的调色板视为Material Design 3动态颜色令牌。

Bootstrap使用Bootstrap 5组件样式预览您的调色板。

应用模型在逼真的移动应用模型中预览您的颜色。

图案在几何和抽象图案设计上预览您的调色板。

模板在SVG模板布局上预览您的调色板。

颜色选择器选择和转换颜色

对比度检查器WCAG无障碍测试

色盲模拟测试色觉缺陷

转换器在 HEX、RGB、HSL、CMYK 等颜色格式之间转换。

渐变生成器创建CSS渐变

Logo生成器在Logo和图标上测试颜色

我的调色板保存、组织并为调色板分配框架令牌。

选择语言

工具

颜色浏览和搜索命名颜色

调色板浏览精选调色板，寻找灵感。

创建调色板手动创建调色板 — 选择颜色、添加标签并分享。

从颜色生成调色板从基础颜色即时获取调色板建议。

色彩和谐探索互补色、三色组和其他色彩和谐。

从图片提取从照片获取颜色

可视化器在真实设计模板上预览您的调色板。

组件使用您的调色板预览按钮、输入框和徽章等基础UI元素。

图表查看您的调色板应用于柱状图、折线图和甜甜圈图。

标题探索排版的每种背景色和文字颜色组合。

标志测试标志和文字商标的品牌颜色组合。

图标预览您的调色板应用于 Lucide 和 Heroicons 的多色图标。

DaisyUI主题从任何基础颜色生成完整的DaisyUI主题。

Tailwind CSS创建和预览Tailwind CSS颜色比例尺。

Shadcn UI预览映射到shadcn/ui设计令牌的调色板。

Material 3将您的调色板视为Material Design 3动态颜色令牌。

Bootstrap使用Bootstrap 5组件样式预览您的调色板。

应用模型在逼真的移动应用模型中预览您的颜色。

图案在几何和抽象图案设计上预览您的调色板。

模板在SVG模板布局上预览您的调色板。

颜色选择器选择和转换颜色

对比度检查器WCAG无障碍测试

色盲模拟测试色觉缺陷

转换器在 HEX、RGB、HSL、CMYK 等颜色格式之间转换。

渐变生成器创建CSS渐变

Logo生成器在Logo和图标上测试颜色

我的调色板保存、组织并为调色板分配框架令牌。

面向设计师和开发者的高级颜色工具。所有处理都在您的浏览器中完成。

选择颜色

颜色调色板

创建调色板

创建调色板从颜色生成调色板色彩和谐从图片提取

查看效果

可视化器组件图表标题标志图标 DaisyUI主题 Tailwind CSS Shadcn UI Material 3 Bootstrap 应用模型图案模板

更多工具

颜色选择器对比度检查器色盲模拟转换器渐变生成器 Logo生成器我的调色板

资源

法律

条款隐私 Cookie

© 2026 Qolor. 保留所有权利。

条款隐私 Cookie

应用模型

在逼真的移动和桌面应用界面上查看您的颜色

打开调色板

11:16

Summary

Your health overview

Avg. sleep duration

7 h 31 m

S

M

T

W

T

F

S

Steps

8,756/ 10,000

86% of goal

Distance

8.7 km/ 14 km

60% of goal

Heart Rate

72 bpm

编辑调色板在调色板生成器中打开

下一步

检查对比度测试WCAG合规性

模拟色觉障碍测试色盲效果

卡片组件图表应用标题标志 Visualizer.icons 图案模板