靛藍青色漸層

Indigo(#6366F1 Teal(#14B8A6的 CSS 漸層效果。 複製程式碼直接使用。

漸層方向

→ 左到右
↓ 上到下
↘ 對角線
↗ 反對角

漸層類型

線性漸層
放射漸層
錐形漸層

CSS 程式碼

Linear(左到右)
background: linear-gradient(to right, #6366f1, #14b8a6);
Linear(對角線)
background: linear-gradient(135deg, #6366f1, #14b8a6);
Radial(放射)
background: radial-gradient(circle, #6366f1, #14b8a6);
三色漸層
background: linear-gradient(to right, #6366f1, #3c8fcc, #14b8a6);
Tailwind CSS
className="bg-gradient-to-r from-[#6366f1] to-[#14b8a6]"

漸層中間色

#3C8FCC
點擊查看中間色詳情

相關漸層

常見問題