Tint & Shade Generator

Tint & Shade Generator

快速生成一致的色调与明暗色输入一个或多个以空格分隔的十六进制颜色,或直接选取颜色,即可生成对应的色调与明暗色。生成结果可用于匹配 Chrome DevTools、Sass、Less 和 PostCSS 的颜色处理输出,并可导出调色板或创建分享链接。

Tint & Shade Generator 页面快照
4
可匹配输出的工具:Chrome DevTools、Sass、Less、PostCSS
2
颜色输入方式:输入十六进制颜色或直接选取颜色
核心功能

从颜色输入到调色板分享

提供颜色输入、色调与明暗色生成、调色板导出和链接分享等功能。

生成色调与明暗色

根据输入的颜色生成对应的 tints 与 shades。

输入多个十六进制颜色

支持输入以空格分隔的十六进制颜色,一次处理多个颜色值。

匹配开发工具输出

生成结果可匹配 Chrome DevTools、Sass、Less 和 PostCSS 的颜色处理输出。

导出调色板

将生成的颜色结果导出为调色板。

创建分享链接

为生成的调色板创建可分享的链接。

深色模式

页面提供深色显示模式,便于按使用环境切换界面。

相关资源

项目与插件入口

查看网站说明、开源项目以及官方提供的 Figma 社区插件。

Tint & Shade Generator

从这里开始使用Tint & Shade Generator。