CSS Gradyanlar: Hazır Renk Geçişleri

Arayüz ve görseller için doğrusal ve radyal CSS gradyanlarını keşfedin. Renkleri inceleyin, kodu kopyalayın ve geçişi düzenleyin.

Koleksiyonu inceleyin

80 özenle seçilmiş içerik bu koleksiyonda yer alıyor. Her gradyan kendi detay sayfasında açılır.

  • Sea Glass · Sakin ürün arayüzleri

    Deniz camından ilham alan serin ve yumuşak bir geçiş.

  • Citrus Hour · Enerjik kampanyalar

    Narenciye sarısı ve mercan tonlarıyla canlı bir gün ışığı.

  • Violet Afterglow · Yaratıcı portfolyolar

    Akşam morundan pembeye uzanan derin, yaratıcı bir atmosfer.

  • Clay & Sand · Editoryal ve yaşam tarzı

    Kil, kum ve açık krem tonlarında doğal bir sıcaklık.

  • Arctic Current · Finans ve veri ürünleri

    Buz mavisinden derin turkuaza akan berrak bir teknik renk geçişi.

  • Midnight Signal · Koyu arayüz vurguları

    Gece laciverdi üzerinde kontrollü mint ve elektrik mavisi.

  • Petal Haze · Kampanya yüzeyleri

    Pudra pembesi, puslu leylak ve açık mavi arasında hafif bir ilkbahar geçişi.

  • Apricot Veil · Yaşam tarzı hero alanları

    Kayısı ve soluk mercan tonları sıcak, yumuşak bir giriş yüzeyi oluşturur.

  • Lavender Drift · Yaratıcı portfolyolar

    Lavanta mavisi ve gül tonları arasında dengeli, yumuşak renk akışı.

  • Morning Linen · Editoryal kartlar

    Keten, taş ve soluk yeşil tonlarıyla kâğıt hissi veren nötr geçiş.

  • Blue Hourline · Bilgi panelleri

    Soğuk mavi duraklarıyla güven veren berrak bir panel arka planı.

  • Rosewood Glow · Akşam temalı tanıtımlar

    Gül ağacı ve bakır ışığı koyu yüzeylerde editoryal derinlik verir.

  • Cove Light · Sağlık ürünleri

    Su yeşili ve turkuaz ferah, dikkat dağıtmayan bir zemin kurar.

  • Golden Hourglass · Yemek ve etkinlik

    Bal sarısından kiremite kayan doygun ama kontrollü bir gün batımı.

  • Orchid Current · Sanat ve müzik sayfaları

    İndigo, menekşe ve orkide sahne görsellerine derin bir katman ekler.

  • Dune Layers · Seyahat ve mimari

    Kum, kireç ve yanık toprak arasında yatay bir çöl akışı.

  • Alpine Air · Sakin uygulama karşılama alanları

    Merkezden yayılan yosun ve sis tonları hafif bir atmosfer oluşturur.

  • Neon Harbor · Teknik ürün vurguları

    Koyu lacivert üzerinde turkuaz bir ışık odağı oluşturur.

  • Cocoa Paper · Kahve ve el işi markaları

    Sütlü kahve, ceviz ve kakao tonlarında malzeme odaklı sıcak bir yüzey.

  • Poolside Geometry · Yaz etkinlikleri

    Havuz mavisi ve limon sarısı keskinleşmeden enerjik kontrast kurar.

  • Silver Lining · Kurumsal sunumlar

    Soğuk metal tonları açık arayüzlere ölçülü teknik doku verir.

  • Ember Orbit · Ürün lansmanları

    Sıcak merkezden koyu vişneye yayılan ışık tek bir çağrıya odak verir.

  • Rosewater Cloud · Marka ve yaşam tarzı arayüzleri

    Pudra pembesi, leylak ve sis mavisi yumuşak bir yüzey geçişi oluşturur.

  • Minted Cotton · Sağlık ve bakım sayfaları

    Nane, buz mavisi ve soluk yeşil ferah ve temiz bir ton taşır.

  • Buttercream Sky · Yiyecek markaları ve tarif içerikleri

    Krem sarısı ve şeftali ışığı, açık maviye sakin biçimde dağılır.

  • Lilac Morning · Kişisel bakım ve mobil uygulamalar

    Leylak, bulut mavisi ve pudra tonu hafif bir sabah paleti kurar.

  • Peach Dawn · Editoryal kapaklar ve ürün sayfaları

    Şeftali ve gül tonları krem rengine yumuşak bir geçişle bağlanır.

  • Powder Blue · SaaS panelleri ve eğitim içerikleri

    Pudra mavisi ve soluk menekşe, geniş alanlarda sakin bir derinlik verir.

  • Sage Whisper · Organik ürünler ve sürdürülebilir markalar

    Adaçayı ve deniz köpüğü, keten tonuyla dengelenir.

  • Lavender Cream · Kozmetik ve davetiye tasarımları

    Lavanta, vanilya ve soluk mavi zarif bir renk akışı oluşturur.

  • Blush Celadon · Butik mağazalar ve yaşam tarzı içerikleri

    Gül kurusu merkezden seladon ve fildişine doğru açılır.

  • Electric Orchid · Müzik etkinlikleri ve yaratıcı kampanyalar

    Elektrik moru, fuşya ve mercan vurgulu enerjik bir akış kurar.

  • Lime Afterimage · Oyun arayüzleri ve spor markaları

    Orman yeşilinden fosforlu lime tonuna güçlü bir kontrast geçer.

  • Cobalt Pop · Teknoloji lansmanları ve dijital ürünler

    Kobalt ve turkuaz merkezden yayılan parlak bir su etkisi verir.

  • Mango Radio · Yemek, moda ve sosyal medya grafikleri

    Mango sarısı, mandalina ve ahududu tonu yüksek enerjili bir seri oluşturur.

  • Ultraviolet Grid · Yazılım ürünleri ve teknoloji etkinlikleri

    Koyu menekşe, parlak mor ve camgöbeği modern bir teknoloji hissi verir.

  • Coral Signal · E-ticaret kampanyaları ve çağrı alanları

    Mercan kırmızısı, kavuniçi ve altın sarısı dikkat çeken bir sıcaklık taşır.

  • Acid Fuchsia · Moda editoryalleri ve müzik görselleri

    Asit moru ve fuşya, merkezde sıcak bir mandalina parıltısıyla buluşur.

  • Blue Raspberry · Uygulama tanıtımları ve spor içerikleri

    Derin mavi, canlı teal ve buzlu camgöbeği serin bir enerji üretir.

  • Festival Pulse · Festival afişleri ve eğlence markaları

    Pembe, mor ve kobalt ışıklar sahne aydınlatmasını çağrıştırır.

  • Obsidian Aurora · Karanlık dashboard ve geliştirici araçları

    Obsidyen zemin üzerinde petrol mavisi ve aurora yeşili belirir.

  • Deep Violet Ink · Yaratıcı yazılım ve gece temalı arayüzler

    Mürekkep morundan ametist ışığına kontrollü bir geçiş yapar.

  • Carbon Flare · Premium ürün panelleri ve otomotiv

    Karbon grisi yüzeyde bakır bir ışık odağı oluşur.

  • Abyssal Blue · Finans panelleri ve veri görselleştirmeleri

    Gece laciverti, okyanus mavisine ve koyu turkuaza açılır.

  • Forest Terminal · Geliştirici panelleri ve iklim teknolojileri

    Kömür yeşili ve yosun tonları terminal arayüzüne doğal bir karakter katar.

  • Plum Nocturne · Müzik, sinema ve editoryal kapaklar

    Gece eriği ve mürdüm, ortada gül kurusu bir ışıkla yumuşar.

  • Graphite Cyan · Analitik ve kontrol panelleri

    Grafit zeminden çıkan camgöbeği ışık, metrik alanlarını öne çıkarır.

  • Indigo Ember · Yaratıcı portfolyolar ve oyun arayüzleri

    İndigo gölgeler, sıcak kor rengini dengeli biçimde taşır.

  • Terracotta Sun · Yemek markaları ve seyahat içerikleri

    Kiremitten bakıra, oradan bal sarısına uzanan güneşli bir dizi.

  • Saffron Table · Yemek editoryalleri ve tarif kartları

    Safran sarısı ve kızarmış kayısı, krem zemin üzerinde iştah açar.

  • Canyon Light · Konaklama, seyahat ve açık hava markaları

    Kanyon kızılı, toprak ve kumtaşı tonlarına yumuşakça geçer.

  • Spiced Plum · Kozmetik ve butik içecek markaları

    Erik ve baharatlı gül tonları amber bir ışıkla tamamlanır.

  • Paprika Petal · Etkinlik duyuruları ve gastronomi

    Paprika kırmızısı merkezden domates ve kayısı tonlarına yayılır.

  • Oat & Copper · Mobilya ve el yapımı ürün sunumları

    Yulaf rengi, bakır ve koyu kestane tonlarıyla doğal bir derinlik kazanır.

  • Desert Rosewood · Konaklama ve yaşam tarzı sayfaları

    Gül ağacı gölgesi merkezdeki kumlu ışığa doğru açılır.

  • Cider Glow · Sonbahar kampanyaları ve yiyecek ambalajları

    Kestane kahvesi, elma şarabı ve kehribar sarısıyla sonbaharı çağrıştırır.

  • Glacier Depth · Sağlık ürünleri ve veri panelleri

    Buz beyazından buzul mavisine ve derin deniz tonuna iner.

  • Fjord Blue · Seyahat markaları ve çevre projeleri

    Fiyort mavisi ve teal, üst köşeden gelen deniz köpüğü ışığıyla dengelenir.

  • Kelp Current · Doğa, iklim ve sürdürülebilirlik sayfaları

    Kelp gölgesi deniz yeşiline ve yosun ışığına dönüşür.

  • Rainline · Hava durumu ve üretkenlik uygulamaları

    Yağmur bulutu mavileri, okunaklı açık yüzeyler için ölçülü geçer.

  • Blue Mosaic · Kurumsal teknoloji ve eğitim ürünleri

    Lacivertten çelik mavisine ve açık akvaya güven veren bir geçiş.

  • Tidepool · Sağlık, bakım ve rezervasyon arayüzleri

    Sığ su ışığı turkuaz gölden koyu lagün merkezine toplanır.

  • Stormglass · Finans, hava durumu ve analitik paneller

    Fırtına mavisi, mineral teal ve sisli cam tonuyla hafifler.

  • Algae Light · Bahçe ve organik ürün sayfaları

    Açık yosun ve adaçayı, su yeşili odağa doğru yoğunlaşır.

  • Chalk & Charcoal · Portfolyo, dokümantasyon ve yayıncılık

    Tebeşir, taş ve kömür grisi sade bir editoryal hiyerarşi sağlar.

  • Warm Concrete · Mimari portfolyolar ve emlak

    Kireç taşı ve sıcak beton tonları geniş yüzeylerde sakin kalır.

  • Paper Study · Okuma uygulamaları ve kültür siteleri

    Kâğıt, keten ve soluk mürekkep tonları basılı sayfa hissi verir.

  • Misty Stone · Kurumsal paneller ve portfolyo arka planları

    Sisli mineral griler, soğuk ama dengeli bir zemin oluşturur.

  • Linen Shadow · Editoryal ve el yapımı marka sayfaları

    Fildişinden ketene ve yumuşak taupe tonuna doğal bir geçiş sunar.

  • Brushed Bronze · Lüks ürün ve saat tanıtımları

    Koyu bronz, saten altın ve sıcak yansımalarla metalik bir ışık izlenimi verir.

  • Pewter Sheen · Teknoloji ürünleri ve otomotiv

    Pewter ve gümüş tonları çelik yüzey benzeri yumuşak bir parlaklık kurar.

  • Rose Gold Ribbon · Takı ve kozmetik kampanyaları

    Gül altını ve şampanya tonları, metalik kurdele etkisi için katmanlanır.

  • Champagne Metal · Premium üyelik ve ürün sayfaları

    Şampanya altını merkezden yayılan yumuşak bir parlama etkisi taşır.

  • Analog Sunset · Müzik kapakları ve retro etkinlik afişleri

    Erik moru, solmuş mercan ve analog turuncu eski film tonlarını çağırır.

  • Poolside 1984 · Yaz kampanyaları ve seyahat grafikleri

    Havuz mavisi, nane ve güneş sarısı seksenler kartpostalı havası taşır.

  • Terrace Tiles · Yeme içme ve butik konaklama

    Kiremit, hardal ve çam yeşili Akdeniz karolarından ilham alır.

  • Cassette Label · Bağımsız müzik ve kültür içerikleri

    Kaset mavisi ve amber ışık, analog kapaklara uygun kontrast kurar.

  • Chromatic Offset · Yaratıcı ajans ve dijital sanat portfolyoları

    Birbirinden uzak üç doygun ton, kontrollü bir renk kayması hissi yaratır.

  • Prism Fracture · Etkinlik kimlikleri ve deneysel kapaklar

    İndigo taban üzerinde pembe ve altın ışık prizmatik bir odak kurar.

  • Liquid Spectrum · Sanat projeleri ve hareketli dijital kampanyalar

    Teal, mor ve fuşya merkez çevresinde akışkan bir renk alanı oluşturur.

Tüm tasarım kaynaklarını keşfedin