CSS Gradyan Oluşturucu
Canlı önizleme, renk durakları, açı kontrolü ve hazır ayarlarla doğrusal, radyal ve konik CSS gradyan oluşturun. Ücretsiz online araç, kodu kopyalayın.
What next?
Faydalı buldunuz mu? CSS Gradyan Oluşturucu aracını paylaşın
Ücretsiz, kayıt yok, tarayıcıda çalışır — bir arkadaşına gönder veya sitene ekle.
İlgili araçlar
- Renk SeçiciRenk seçin, HEX'i RGB, HSL, HSV ve CMYK'ya dönüştürün. Görselden damlalık, açık-koyu tonlar ve WCAG kontrast denetimli ücretsiz online renk seçici.
- Renk Körlüğü SimülatörüGörselleri renk körlerinin gördüğü gibi görün — ayarlanabilir şiddetle çevrimiçi ücretsiz deuteranopi, protanopi, tritanopi ve akromatopsi simülasyonu.
- Rastgele Renk OluşturucuRastgele renk oluşturun: pastel, canlı, koyu, sıcak veya soğuk tonlar; HEX, RGB ve HSL kodlarını kilitleyip kopyalayın. Ücretsiz online renk oluşturucu.
- İkili Sistem ÇeviriciBu ücretsiz çevrimiçi ikili çeviriciyle metni ikiliye, ikiliyi metne çevirin; sayıları ikili, onlu, onaltılı ve sekizli arasında dönüştürün.
- Fark Denetleyiciİki metni karşılaştırın, her farkı satır, kelime veya karakter bazında vurgulayın. Harf ve boşluk yoksayma seçenekli ücretsiz online fark denetleyici.
- QR Kod OluşturucuURL, metin, WiFi, e-posta, telefon ve SMS için QR kod oluşturun. Ücretsiz online QR kod oluşturucu: kayıt yok, süresi dolmaz, PNG veya SVG indirme.
Bu araç setlerinin parçası
CSS Gradyan Oluşturucu nasıl kullanılır
- 1Doğrusal, Dairesel veya Konik seçin ve açıyı ya da şekli ayarlayın
- 2Renkleri seçiciyle belirleyin veya HEX kodlarını yazın, her durağın konumunu sürükleyin, en fazla 8 renk ekleyin ya da bir hazır ayardan veya Rastgele'den başlayın
- 3Arka plan kuralını (düz yedek renkle) stil sayfanıza yapıştırmak için CSS'i kopyala'ya basın
Sık sorulan sorular
CSS'te gradyan arka plan nasıl yaparım?▾
background özelliğini bir gradyan fonksiyonuyla kullan, ör. background: linear-gradient(135deg, #ff7e5f 0%, #feb47b 100%);. Açı yönü belirler ve her renk bir durak konumuna sahip olabilir.
Doğrusal, radyal ve konik gradyanlar arasındaki fark nedir?▾
Doğrusal gradyanlar belirli bir açıyla düz bir çizgi boyunca karışır, radyal gradyanlar bir merkez noktadan dışa yayılır ve konik gradyanlar renkleri merkez etrafında renk çarkı veya pasta grafik gibi tarar.
linear-gradient'teki açı ne anlama gelir?▾
0deg yukarı bakar (aşağıdan yukarı), 90deg soldan sağa, 180deg yukarıdan aşağı gider ve 135deg sol üstten sağ alta çapraz uzanır.
CSS gradyanları tüm tarayıcılarda çalışır mı?▾
Doğrusal ve radyal gradyanlar her modern tarayıcıda ön ek olmadan çalışır. Konik gradyanlar 2020'den beri tüm güncel tarayıcılarda desteklenir. Üretilen kod yedek olarak önce düz bir renk ekler.
Metinde gradyan kullanabilir miyim?▾
Evet: gradyanı background olarak ayarla, sonra metin öğesine background-clip: text; -webkit-background-clip: text; ve color: transparent; ekle.
Embed CSS Gradyan Oluşturucu on your website▾
Paste this snippet into your page. The embedded tool runs in your visitor's browser and shows a small “Powered by clkr.work” link.