颜色工具
调色板生成器
基于主色生成 5 色/10 色和谐调色板 (互补/类似/三角)
对比度检测器
检测前景/背景色对比度是否符合 WCAG 2.1 AA/AAA 标准
CSS 渐变生成器
可视化生成 CSS linear/radial 渐变代码
颜色混合器
按百分比混合两种颜色,预览混合效果
色阶生成器
基于主色生成 10 级色阶 (50~950),适用于 UI 设计
随机颜色生成
随机生成颜色,支持锁定色相/饱和度/亮度范围
渐变文字CSS
生成渐变文字CSS
颜色动画CSS
生成颜色过渡动画CSS
品牌色速查
知名品牌色速查
颜色混合
模拟颜色叠加混合
精选调色板
按主题精选配色方案
对比度检查器
检查WCAG对比度
随机调色板
随机生成5色调色板
颜色命名
色值映射到颜色名
柔和色生成
生成柔和风格配色
霓虹色生成
生成霓虹风格配色
大地色系
生成大地风格配色
单色系生成
从基色生成单色系
WCAG合规
检查WCAG AA/AAA标准
从图片取色
分析图片主色调
色彩和谐方案
生成互补/类似/三角等配色方案
调色板提取
从文本中提取颜色列表
渐变网格生成
生成多色渐变网格 CSS
色盲友好检测
检测配色方案在色盲下的可区分性
配色方案
生成配色方案
渐变生成器
CSS渐变代码
色盲模拟
色盲效果模拟
色彩心理
色彩含义查询
图片取色
从图片提取颜色
颜色名称查询
色值→名称
CSS 变量生成
从颜色生成变量
色阶生成
生成色阶
HSL 调整
调整色调饱和度亮度
学习工作之余,来一把益智竞技?
去竞由网免费开玩 →