什么是单色调色板？

单色调色板生成器通过生成一系列深浅色调（较暗的暗色和较亮的浅色），从单一基础色创建和谐的配色方案。调整步骤数，并将调色板导出为 CSS 变量、Tailwind 配置，或复制单个十六进制/RGB 值。

使用方法

1. 使用颜色选择器选择基础色，或直接输入十六进制颜色代码。
2. 调整暗色和浅色的数量（步骤数），并设置明暗范围。
3. 复制单个颜色值，或将整个调色板导出为 CSS 自定义属性、Tailwind 配置对象或颜色色板图片。

结果

您正在构建数据可视化仪表板，需要一套蓝色调色板。以 #3B82F6 为基础色，生成从接近白色（#EBF2FE）到接近黑色（#1A2744）的 9 个步骤。导出为 CSS 变量，在图表中使用 --color-blue-100 到 --color-blue-900。

相关工具