渐变生成器
用两种颜色和角度生成 CSS 线性渐变,并复制代码。
90°
background: linear-gradient(90deg, #3b82f6, #ec4899);该分类下的更多工具
🎨
颜色选择器
选择颜色,立即显示并复制 HEX、RGB、HSL 代码。
🎨
调色板生成器
从基础色生成邻近色、互补色、三角色和单色调色板。
👁️
色盲模拟器
模拟某种颜色在红色盲、绿色盲、蓝色盲下的样子。
🔆
互补色查找
查找颜色的互补色以及分裂互补、三角和邻近色。
🌗
明度·饱和度梯度
从基础色生成明度和饱和度梯度。
🧪
颜色混合器
按任意比例混合两种颜色,得到中间色。
🎨
Tailwind / Material 色板
浏览 Tailwind CSS 和 Material Design 调色板,点击即可复制 HEX。
🎲
随机颜色
生成随机颜色,一键复制 HEX 代码。
📏
CSS 单位换算 (px·rem·em)
根据根字号在 px、rem、em 之间互相换算。
