配色工具
共 145 个设计师推荐的配色工具网站,按质量与推荐次数排序。
CSS Variables Editor
浏览器扩展,用于实时编辑网页 CSS 变量颜色,支持 AI 生成调色板、无障碍对比度检查及 shadcn/ui、daisyUI 主题。
Eggradients
提供现成渐变背景色的网站,按鸡蛋形式展示,附十六进制和 CSS 代码。
图标 / SVG 工具fffuel
免费 SVG 生成器与配色工具合集,可快速制作渐变、图案、纹理、形状和背景。
配色工具Tint & Shade Generator
输入十六进制颜色,按 10% 步进生成深浅色阶,输出与 Chrome DevTools、Sass 等一致。
Huemint
AI 配色工具,用机器学习生成和谐的品牌、网页与插画配色方案。
配色工具ColorsWall
免费在线配色工具,提供海量色板、随机生成器与 HEX/RGB 色值,可保存收藏。
中国色 ZHONGGUOSE
收录500余种中国传统颜色的百科与配色工具,提供名称、RGB、CMYK、HEX值,并支持AI生成中国风PPT与海报。
配色工具Shadcn Theme Generator
为 shadcn/ui 生成可视化主题的工具,可从单一颜色或预设快速创建并导出主题。
可访问性检查WhoCanUse
一个展示颜色对比度如何影响不同视觉障碍人群的在线工具,用直观的模拟和评分帮助设计师理解可访问性。
配色工具Blend
在线 CSS 渐变生成器,支持线性与径向渐变,实时预览并复制代码。
ColorDrop
收录数千套精选配色方案,提供十六进制色值,支持复制、下载 PNG 及 AI 生成配色,免费免登录。
Chroma
一款为网页设计师打造的更好用的在线颜色选择器,可快速识别和选取颜色。
平面 / 排版灵感Color Lisa
基于世界名画 curated 的配色方案库,由设计师和策展人精心整理,可直接取用色值。
平面 / 排版灵感Typespiration
免费字体搭配与配色方案灵感站,提供可直接使用的 CSS 代码。
Shadcn Theme Editor
为 shadcn/ui 项目提供可视化主题配色编辑的轻量组件,支持实时预览与明暗模式。
Color Blender
Eric Meyer 出品的经典配色工具,可计算任意两色之间的中间过渡色并生成色阶。
Hello Color
一个极简的配色工具,输入颜色即可生成和谐配色并显示对比度。
Meshy
在线生成并自定义多彩网格渐变,可导出 PNG,支持随机变体与预设。
配色工具Material Palette
Material Design 配色生成器,选择两种颜色即可生成并下载完整调色板。
配色工具Shadcn Theme Editor
一个用于管理 Shadcn 主题颜色的可视化编辑器,可实时预览组件样式。
平面 / 排版灵感Color Leap
收录跨越4000年历史的180组经典配色,按年代浏览,为设计提供经得起时间考验的色彩灵感。
配色工具Culrs
提供 500+ 手工精选配色方案的配色工具,适合各类设计项目使用。
Accessible Color Matrix
一个基于 Elm 的开源配色工具,帮助设计师构建符合无障碍对比度要求的调色板。
配色工具CSS Shadow Gradients Generator
纯 CSS 实现的渐变阴影生成器,通过伪元素和模糊效果为元素添加彩色渐变阴影。