Värigradientti on asteittainen sekoitus kahden tai useamman värin välillä. Yleensä gradientin määrittelevät kaksi käyttäjän määrittämää väriä, ja tietokone laskee automaattisesti kaikki värit välillä. Värigradientit voivat koostua kahdesta tai useammasta käytetystä väristä. Sivustojen CSS-koodissa voit määrittää lineaariset ja radiaaliset kaltevuudet. Lineaarinen värigradientti sekoittaa värit suorassa linjassa ja johtaa värien asteittaiseen siirtymiseen pisteestä toiseen. Radiaalinen värigradientti sekoittaa värejä ympyränmuotoisena ja johtaa värien siirtymiseen, joka säteilee tietystä kohdasta.
Yleensä suunnittelija valitsee käsin kaksi tai useampia värejä värigradientin luomiseksi. Tämä edellyttää suunnittelukokemusta ja hyvää silmää värien harmoniaan. Värigradienttigeneraattorimme käyttää logonvalmistajamme My Brand New Logo värigradienttialgoritmeja, joka luo automaattisesti hyvännäköiset ja tasapainotetut värigradientit. Sinun on vain valittava yksi väri, ja kaltevuusgeneraattorimme luo automaattisesti mukavan näköisen kaltevuuden sen perusteella. Kulissien takana tapahtuu paljon väritekniikkaa, mutta voit olla varma, että värigradientisi näyttää aina hyvältä.
CSS-taustagradienttigeneraattorimme luo automaattisesti värigradientin valitsemasi värin perusteella. Meillä on erilaisia kaltevuustyylejä. Vaalea tyyli luo värigradientin, joka näyttää siltä, että se on valonlähteen korostama. Täydellinen lisäämään kiiltoa väreihisi. Syvä tyyli vie tätä konseptia hieman pidemmälle ja lisää värisävään lisää sävyjä. Sateenkaarityyli sopii täydellisesti vaaleammille väreille, jotta helmiäistä näyttää. Ja voimakas tyyli luo voimakkaan, syvän ja rikkaan värigradientin.
Kun olet valinnut värin, voit vetää liukusäätimiä säätääksesi kaltevuutta. Ensimmäinen liukusäädin säätelee kaltevuuden määrää. Toinen liukusäädin säätelee värigradientin kiertoa. Voit käyttää tätä simuloimaan missä valo tulee. Kolmas liukusäädin siirtyy lineaaritilasta radiaalitilaan.
Jos olet tyytyväinen kaltevuuteen, hanki CSS-koodisi kopioimalla liittämällä luotu CSS-värigradienttikoodi. Aseta se omaan CSS-koodisi saadaksesi täsmälleen saman kaltevuuden omaan verkkosuunnitteluusi.
Jos haluat luoda logon värigradientilla, olemme laatineet sinulle joitain ohjeita:
Käytä tätä CSS-koodia verkkoprojektissasi saadaksesi värigradientin: