随机 HEX 色值生成器

一次生成多个随机十六进制色值,支持可视化预览、逐个复制,并可导出为 CSS 变量。

示例:

工作原理

需要网站配色灵感、设计稿的测试配色,或只是想为创意项目随机来一种颜色?选择所需的颜色数量,一键全部生成:每个色块都会显示其十六进制色值,可单独复制,还可批量导出为 CSS 变量,直接放入样式表中。

十六进制色值是如何工作的?

像 #3a6df0 这样的 HEX 色值编码了三个 0 到 255 的数值(红、绿、蓝),并转换为 16 进制,每个分量对应两位十六进制数字。它是 CSS 和网页设计中最常用的格式,因为紧凑且便于复制粘贴。

我可以直接在 CSS 代码中使用这些颜色吗?

可以:「复制为 CSS 变量」按钮会自动把所有生成的颜色格式化为自定义变量(--color-1、--color-2 等),可直接粘贴到您的样式表中。

颜色的生成完全在您的浏览器中通过 WebAssembly 完成,无需连接任何外部服务器。