Lush CSS Gradient Generator

Figma standartlarında renk durakları, HCL/LAB çamurlaşmayan renk uzayları ve 2D Bezier eğrisi ile profesyonel gradyanlar üretin.

Renkler & Duraklar:

Seçili Renk:

Konum:50%

Hızlı Renk:

Renk Uzayı Modu:

Geçiş Hassasiyeti13 durak

Açı:45deg

Geçiş Eğrisi (Easing):0.10, 1.00

Format:

.gradient {
  background-image: linear-gradient(
    45deg,
    #001188 0%,
    #4b038c 8%,
    #98008d 17%,
    #e20080 25%,
    #ff3064 33%,
    #ff6644 42%,
    #ff892b 50%,
    #ffa216 58%,
    #ffb404 67%,
    #ffbf00 75%,
    #ffc700 83%,
    #ffcb00 92%,
    #ffcc00 100%
  );
}