颜色工具
颜色选择、生成和管理工具。
颜色选择器
Coolors
- 简介: 超快的配色方案生成器
- 链接: https://coolors.co/
- 特点:
- 快速生成配色
- 导出多种格式
- 调色板管理
- 移动端 App
Adobe Color
- 简介: Adobe 配色工具
- 链接: https://color.adobe.com/
- 特点:
- 色轮选色
- 配色规则
- 趋势探索
- 可访问性检查
ColorHunt
- 简介: 精选配色方案
- 链接: https://colorhunt.co/
- 特点:
- 精选调色板
- 流行配色
- 分类浏览
- 一键复制
Paletton
- 简介: 配色方案设计工具
- 链接: https://paletton.com/
- 特点:
- 色彩理论支持
- 实时预览
- 导出多种格式
渐变工具
CSS Gradient
- 简介: CSS 渐变生成器
- 链接: https://cssgradient.io/
- 特点:
- 可视化编辑
- 预设渐变
- 代码导出
Gradient Hunt
- 简介: 渐变配色集合
- 链接: https://gradienthunt.com/
- 特点:
- 精选渐变
- 一键复制
- 分类浏览
uiGradients
- 简介: 美丽的渐变集合
- 链接: https://uigradients.com/
- 特点:
- 精美渐变
- CSS/PNG 导出
- 简洁界面
颜色转换
Colorizer
- 简介: 颜色格式转换工具
- 链接: https://colorizer.org/
- 特点:
- 多格式转换
- HEX/RGB/HSL
- 实时转换
RGB to Hex
- 简介: 颜色代码转换
- 链接: https://www.rgbtohex.net/
- 特点:
- RGB ↔ HEX
- 颜色预览
- 简单易用
对比度检查
WebAIM Contrast Checker
- 简介: 颜色对比度检查工具
- 链接: https://webaim.org/resources/contrastchecker/
- 特点:
- WCAG 标准检查
- 可访问性评分
- 建议调整
Contrast Ratio
- 简介: 对比度计算器
- 链接: https://contrast-ratio.com/
- 特点:
- 实时计算
- WCAG 等级
- 简洁界面
取色工具
ColorPick Eyedropper
- 简介: Chrome 取色扩展
- 链接: Chrome Web Store
- 特点:
- 屏幕取色
- 历史记录
- 多格式支持
ColorZilla
- 简介: 浏览器取色工具
- 链接: https://www.colorzilla.com/
- 特点:
- 取色器
- 渐变生成
- 调色板
颜色库
Open Color
- 简介: 开源配色系统
- 链接: https://yeun.github.io/open-color/
- 特点:
- 优化的色阶
- 多种格式
- UI 设计友好
Flat UI Colors
- 简介: 扁平化配色
- 链接: https://flatuicolors.com/
- 特点:
- 14 套调色板
- 全球设计师贡献
- 一键复制
Material Design Colors
- 简介: Material Design 配色
- 链接: https://materialui.co/colors
- 特点:
- Material 标准色
- 色阶完整
- 代码导出
JavaScript 库
chroma.js
- 简介: JavaScript 颜色处理库
- 链接: https://gka.github.io/chroma.js/
- 特点:
- 颜色转换
- 颜色插值
- 色阶生成
TinyColor
- 简介: 快速的颜色操作库
- 链接: https://github.com/bgrins/TinyColor
- 特点:
- 轻量级
- 颜色操作
- 格式转换
color
- 简介: JavaScript 颜色转换库
- 链接: https://github.com/Qix-/color
- 特点:
- 不可变操作
- 链式调用
- 丰富的方法
调色板生成
Huemint
- 简介: AI 配色生成器
- 链接: https://huemint.com/
- 特点:
- AI 生成配色
- 品牌配色
- 网站配色
Khroma
- 简介: AI 颜色工具
- 链接: http://khroma.co/
- 特点:
- 学习你的喜好
- 个性化推荐
- 无限配色