跳到内容
🛠️ToolsShed

不透明度色调生成器

从任意颜色生成带不透明度变化的完整色调调色板。

色调调色板
50#f7f7fe复制
100#eff0fe复制
200#e0e0fc复制
300#d0d1fb复制
400#c1c2f9复制
500#b1b3f8复制
600#a1a3f7复制
700#9294f5复制
800#8285f4复制
900#7375f2复制

关于此工具

不透明度色调生成器是一种设计工具,通过在不同不透明度级别下混合单一基础颜色来创建完整的调色板。与其手动计算颜色在 10%、30%、50% 等不同透明度下的外观,此工具可以瞬间生成整个色谱,对于构建一致用户界面的设计师和开发者来说非常完美。

该工具通过获取您选择的颜色,在设定的不透明度级别下生成变化来工作——可以使用 Tailwind 的标准命名约定(50 至 900)或简单的百分比步长(10% 至 100%)。您可以立即将任何色块复制为十六进制代码或 CSS rgba() 值,然后直接粘贴到您的样式表中。这在设计按钮、背景、叠加层和从单一品牌颜色派生的悬停状态时特别有价值。

常见问题

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.