Renk gradyanı, iki veya daha fazla renk arasında aşamalı bir karışımdır. Genellikle, degrade kullanıcı tanımlı iki renkle tanımlanır ve bilgisayar aradaki tüm renkleri otomatik olarak hesaplar. Renk gradyanları, iki veya daha fazla kullanılan tanımlı renkten oluşabilir. Web siteleri için CSS kodunda, doğrusal ve radyal degradeleri tanımlayabilirsiniz. Doğrusal renk gradyanı renkleri düz bir çizgide karıştırır ve bir noktadan diğerine aşamalı renk geçişi sağlar. Radyal renk gradyanı, renkleri dairesel bir şekilde karıştırır ve belirli bir noktadan yayılan bir renk geçişi ile sonuçlanır.
Normalde bir tasarımcı renk gradyanı yapmak için iki veya daha fazla rengi seçer. Bu, tasarım deneyimi ve renk uyumu için iyi bir göz gerektirir. Renk gradyanı üreticimiz, otomatik olarak iyi görünümlü ve iyi dengelenmiş renk gradyanları oluşturan logo üreticimizin My Brand New Logo * renk gradyan algoritmalarını kullanır. Sadece tek bir renk seçmeniz gerekiyor ve degrade oluşturucumuz buna göre hoş görünümlü bir degrade oluşturur. Sahne arkasında çok fazla renk bilimi var, ancak renk gradyanınızın her zaman iyi göründüğünden emin olabilirsiniz.
CSS arka plan gradyan oluşturucumuz, seçtiğiniz renge göre otomatik olarak bir renk gradyanı oluşturur. Degradelerin farklı stilleri var. Işık stili, bir ışık kaynağı tarafından vurgulanmış gibi görünen bir renk gradyanı oluşturur. Renklerinize biraz parlaklık katmak için mükemmeldir. Derin stil bu konsepti biraz daha ileri götürür ve renk tayfına daha fazla ton ekler. Gökkuşağı stili, sedef bir görünüm yaratmak için daha açık renkler için mükemmeldir. Ve yoğun stil yoğun, derin ve zengin bir renk gradyanı oluşturur.
Bir renk seçtiğinizde, degradeyi ayarlamak için kaydırıcıları sürükleyebilirsiniz. İlk kaydırma çubuğu degrade miktarını kontrol eder. İkinci kaydırıcı renk gradyanının dönüşünü kontrol eder. Işığın nereden geldiğini simüle etmek için bunu kullanabilirsiniz. Üçüncü sürgü doğrusaldan radyal moda geçer.
Degradenizden memnunsanız, oluşturulan CSS renk gradyan kodunu kopyalayarak CSS kodunuzu alın. Kendi web tasarımınızda tam olarak aynı gradyanı elde etmek için kendi CSS kodunuza yerleştirin.
Renk gradyanlı bir logo oluşturmak istiyorsanız, sizin için bazı yönergeler belirledik:
Renk gradyanınızı almak için web projenizde bu CSS kodunu kullanın: