前端开发取色板工具

轻松获取颜色代码和CSS渐变方案

HEX
RGB
HSL

明度变化

暗度变化

background: linear-gradient(90deg, #3b82f6, #ec4899);
background: radial-gradient(circle, #3b82f6, #ec4899);
background: conic-gradient(#3b82f6, #ec4899);

常用配色方案

紫色系渐变
background: linear-gradient(90deg, #6366f1, #8b5cf6, #ec4899, #f43f5e, #f97316);
蓝色系渐变
background: linear-gradient(90deg, #06b6d4, #0ea5e9, #3b82f6, #6366f1, #8b5cf6);
自然系渐变
background: linear-gradient(90deg, #10b981, #22c55e, #84cc16, #eab308, #f97316);