免费调色板生成器和选择器

设计配色方案并立即找到任何颜色代码

Gradient Generator

Create beautiful gradients and get CSS code

Start Color

End Color

Steps: 5

Direction

Color Steps

Click any color to copy

Preview

CSS Code

background: linear-gradient(to right, #3b82f6, #8b5cf6);

Tailwind CSS (with arbitrary values)

bg-gradient-right from-[#3b82f6] to-[#8b5cf6]