CSS Gradyan Oluşturucu
4'e kadar renkle doğrusal veya radyal degradeler oluşturun ve kullanmaya hazır CSS kodunu kopyalayın.
Çevrimiçi CSS gradyeni nasıl oluşturulur
Degradenin türünü seçin
İstediğiniz efekte göre doğrusal veya radyal seçeneğini seçin.
Renkleri ekleyin ve ayarlayın
4'e kadar renk ekleyin, bunların sırasını değiştirin ve degradenin açısını veya konumunu ayarlayın.
CSS kodunu kopyalayın
Kopyala düğmesine basın ve kodu doğrudan stil sayfanıza yapıştırın.
Gradient generatörü hakkında sık sorulan sorular
Degradeler, herhangi bir web tasarımına derinlik ve stil katmanın basit bir yoludur. Bu araç, elle yazmak zorunda kalmadan ihtiyaç duyduğunuz tam CSS kodunu oluşturur.
Ne tür degradeler oluşturabilirim?
+
Doğrusal (herhangi bir açıda) ve radyal degradeler oluşturabilirsiniz.
Kaç renk kullanabilirim?
+
Aynı degradede 2 ile 4 renk arasında birleştirebilirsiniz.
Kod tüm tarayıcılarda çalışır mı?
+
Evet, standart CSS söz dizimiyle oluşturulur ve tüm modern tarayıcılarla uyumludur.
Herhangi bir program yüklemem gerekiyor mu?
+
Hayır, hiçbir şey yüklemenize gerek yoktur. Doğrudan tarayıcıdan çalışır.
Ücretsiz mi?
+
Evet, bu araç tamamen ücretsizdir.
Degradeyi görüntü arka planı olarak kullanabilir miyim?
+
Oluşturulan kod saf CSS'dir; bir görüntüye ihtiyacınız varsa, önizleme görünümünün ekran görüntüsünü alabilirsiniz.
Renkler
Renk Dönüştürücü (HEX, RGB, HSL, CMYK)
HEX, RGB, HSL ve CMYK arasında herhangi bir rengi anında dönüştürün, canlı önizleme ve en yakın renk adı ile.
Renk Paleti Oluşturucu
Bir temel renkten uyumlu 5 renk paleti oluşturun (tamamlayıcı, analog, üçlü veya monokromatik).
WCAG Kontrast Kontrol Aracı
Metin ve arka plan renk kombinasyonunun AA ve AAA erişilebilirlik seviyelerini karşılayıp karşılamadığını kontrol et.
Rastgele Renk
Tek bir tıkla rastgele bir renk oluşturun ve adını, HEX/RGB/HSL kodunu ile benzer renkleri keşfedin.
Renk seçici (damlalık)
Tarayıcının pipet aracını kullanarak ekranınızdan herhangi bir renk seçin veya klasik renk seçiciyi kullanın.
Renk Körlüğü Simülatörü
Bir resim yükleyin ve protanopia, deuteranopia veya tritanopia olan kişilerin nasıl gördüğünü kontrol edin.
Mesh Degrade Oluşturucu
Mesh degradeleri (bulanık renk lekelerini) içeren arka planlar oluşturun, PNG olarak indirin veya CSS kodunu kopyalayın.
Ton ve Gölge Oluşturucu
Herhangi bir rengin en açık tonlarını ve en koyu gölgelerini HEX kodu ile birlikte otomatik olarak oluşturun.
Renk Karıştırıcı
İki rengi karıştırın ve ara tonları adım adım HEX kodlarıyla keşfedin.
Renk Tekerleği (Uyumlar)
Tekerlek üzerinde bir renk seçin ve uyumlu kombinasyonlarını keşfedin: tamamlayıcı, analoglar, triadik ve daha fazlası.
Resim Renk Paleti Çıkarıcı
Bir resim yükleyin ve baskın renklerini otomatik olarak çıkarın, her birinin HEX kodunu içeren bir palet oluşturun.
Bir Görüntünün Ortalama Rengi
Bir resim yükleyin ve anında ortalama rengini HEX, RGB ve HSL kodlarıyla hesaplayın.
Renkleri aile tarafından keşfedin
469'den fazla adlandırılmış renk, HEX, RGB, HSL ve CMYK kodlarıyla birlikte, 12 ton ailesinde organize edilmiştir.
