valitse kaltevuus
hanki CSS-koodi
#
kunnossa

Mikä on värigradientti?

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.

Kuinka tehdä hyvä CSS-värigradientti

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ä.

Värigradienttityylit

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.

Värigradienttien säädöt

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.

Värigradienttisuunnitteluvihjeitä

Jos haluat luoda logon värigradientilla, olemme laatineet sinulle joitain ohjeita:

Siirry värigradientin ohjeisiin

Kopioi CSS-koodi

Käytä tätä CSS-koodia verkkoprojektissasi saadaksesi värigradientin:

peruuttaa
kopioi koodi
    lataa lisää

      Vaihda kieltä

      • English
      • čeština
      • dansk
      • Deutsch
      • Español
      • suomi
      • Français
      • Bahasa Indonesia
      • Italiano
      • 日本語
      • 한국어
      • Nederlands
      • Norsk
      • język polski
      • Português
      • Русский
      • Svenska
      • Türkçe
      kunnossa