产品介绍
核心概念 锚点(Anchors):至少2个HSL颜色点,连线生成中间色 极线(Polar Line):锚点间连线决定调色板颜色分布 位置函数:控制颜色过渡曲线,如线性、正弦(默认)、指数等 功能特性 自定义参数: 点数(numPoints):控制颜色数量,默认4点 闭合循环(closedLoop):生成首尾相接的调色板 亮度反转(Invert Lightness):中心与边缘亮度互换 颜色输出: HSL数组、CSS字符串(HSL/LCH/OKLCH格式) 技术实现 TypeScript编写,轻量级库 支持动态调整锚点、位置函数和色相偏移
适用人群
适合快速构建精美界面的 UI 设计师。
核心功能
- 现成的 UI 组件
- Figma/Sketch/XD 格式
- 响应式布局
- 可自定义设计令牌
优点
- +调色板生成
- +导出到 CSS/设计工具
缺点
- -仅限颜色生成
- -可能需要学习曲线
/// 规格参数
- 价格:Free
/// 相似工具

Color Fuse Ai
AI驱动的配色生成工具,支持Illustrator/Photoshop/Figma插件,一键应用调色板。

Colpat
AI驱动的配色工具箱,支持生成Tailwind CSS调色板、渐变色及图像提取色板,多格式导出。

ShaderGradient
动态渐变生成工具,支持Figma/Framer插件及React组件,可自定义3D效果参数。

Palettemaker
AI配色生成工具,支持在真实设计案例中预览配色,免费使用且支持多格式导出。

Oklch
OKLCH颜色选择器与转换器,支持亮度、色度、色相调整及多格式转换。

ColorMagic
AI驱动的配色生成工具,通过关键词或图像生成和谐调色板,支持自定义与多平台使用。

colorca
HSLuv色彩空间调色工具,为数字产品生成无障碍调色板,支持多色系和亮度等级调整。

Alphredo
Alpha颜色生成器,生成与不透明色视觉一致的半透明色值,支持背景色和饱和度调整。

Atmos
UI设计调色工具,提供LCH/OKLCH编辑、对比度检查和多平台导出,助力专业配色方案创建。

OddContrast
颜色对比度检查工具,支持多颜色空间格式,验证WCAG标准合规性。
