a11y.skipToMainContent
1

颜色阴影生成器

在 Tailwind CSS 风格中输入任意十六进制颜色并立即生成10个阴影(50-950)——查看监视,点击复制,并导出配置.

Was this tool helpful?
Send Image to:
Advertisement

How to use Color Shades Generator

  1. 输入十六进制颜色或使用取色器.
  2. 从50到950查看生成的 10 阴影比例 .
  3. 点击单个 swatches 复制六进制码, 或使用导出按钮进行全配置 .

{姓名}是什么来着?

创建一致的颜色平面对设计系统至关重要。 此工具会使用任何基色六分色并产生从50(最轻)到950(最暗)的全套10个阴影。

每个阴影都显示为带有六分法的色表. 单击任何 swatch 将六进制复制到剪贴板 。 导出全调色板为十六进制值, CSS 自定义属性, 或随时可用的 Tailwind CSS 配置对象 。

Advertisement

FAQ

阴道如何计算?
阴影是通过将底色与白色相混合来计算出(对于更轻的遮荫为50-400)和黑色相混合(对于更深的遮荫为600-950),并有能感平衡的插入.
我能用这个做设计系统吗?
是的 尾风配置导出准备粘入你的尾风 定制品牌颜色的配置.js.

Related tools

Author

AR
Aisha Rahmani"The Visual Storyteller"

Design Technologist & Media Specialist

Aisha bridges the gap between pixels and code. With expertise in image processing, SVG optimization, and video compression, she helps creators, designers, and marketers prepare media that looks great and loads fast. She has spoken at design conferences about accessible visual content and has helped agencies reduce page-weight budgets by up to 60 percent without sacrificing creative quality.

Advertisement