Tint & Shade Generator

Tint & Shade Generator

maketintsandshades.com

输入十六进制颜色，按 10% 步进生成深浅色阶，输出与 Chrome DevTools、Sass 等一致。

开源网页浏览器

被推荐 1 次

访问网站 ↗

适合做什么

适合设计师和前端开发者快速生成配色色阶，用于设计系统、CSS 变量和主题色板。

标签与属性

授权

平台

网页浏览器

谁在推荐

@goabstract/Awesome-Design-Tools · awesome 列表出处 ↗

Tint & Shade Generator — display tints and shades of a given hex color in 10% increments. ![free.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/free.svg) ![open-source.svg](https://github.com/LisaDziuba/Awesome-Design-Tools/blob/master/Media/open-source.svg)

同类推荐

配色工具

Coolors

极速配色方案生成器，按空格键即可生成配色，支持浏览千万配色、图片取色、对比度检查与 AI 配色。

免费

coolors.co5 处推荐详情

浏览器扩展

ColorZilla

Chrome 浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。

免费

chrome.google.com1 处推荐详情

配色工具

Adobe Color

Adobe 出品的在线配色工具，可浏览热门色板、从图片提取颜色并生成渐变。

免费+付费

color.adobe.com4 处推荐详情

浏览器扩展

ColorZilla

浏览器取色扩展，支持吸管取色、高级调色板、CSS 渐变生成与网页配色分析。

免费

addons.mozilla.org1 处推荐详情

配色工具

Colorable

免费的在线颜色对比度测试工具，可实时预览文字与背景配色并检查可访问性。

免费

colorable.jxnblk.com3 处推荐详情

配色工具

Leonardo

Adobe 开源配色工具，按 WCAG 对比度生成可访问的色板与主题，支持暗色模式与色盲安全。

开源后台数据可视化

leonardocolor.io1 处推荐详情

Tint & Shade Generator - 配色工具 - Hunt Now