CSS-i gradiendigeneraator
Ehita CSS gradient visuaalselt: lineaarne, radiaalne või koonusjas tüüp, nurgaliugur ja kuni kuus värvipunkti, täislaiuse eelvaade ning kopeeritav kood.
🔒 Töödeldud täielikult teie brauseris – midagi, mida siia sisestate, ei laadita kunagi üles.
Tulemus
Käsitsi linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) kirjutamine ja lehe uuesti laadimine selle nägemiseks on aeglane tsükkel. See generaator lõpetab selle: vali lineaarne, radiaalne või koonusjas, lohista nurgaliugurit, määra iga värvipunkt loomuliku värvivalija ja protsentpositsiooniga – ning täislaiuse eelvaade uueneb igal sisestusel, valmis taustarida alati kopeerimiseks valmis.
Kolm gradienditüüpi katavad erinevad ülesanded. Lineaarsed gradiendid hajuvad mööda suunda ja kannavad enamikku hero-sektsioone ja nuppe; radiaalsed gradiendid kiirgavad keskpunktist kumade ja vinjettide jaoks; koonusjad gradiendid pühivad ümber keskpunkti ja juhivad sektordiagramme ning värvirattaid. Sa võid tüüpi igal hetkel vahetada – peatused kanduvad üle, nii et kolme võrdlemine võtab sekundeid.
Kuni kuus värvipunkti annavad ruumi mitmeribaliste kujunduste jaoks ning eelseadistatud lehed pakuvad tõestatud kombinatsioone – sooja päikeseloojangut, rahulikku ookeani ja pehmet pastellipaari – alguspunktidena, mida saad pigem kohendada kui alustada tühjalt lõuendilt. Pane tähele tööjaotust: selle saidi värvipaleti generaator valib harmoonilised ühtlased värvid ja värvivormingu muundur tõlgib väärtuse HEX, RGB ja HSL vahel, samas kui see tööriist teeb teist tööd – muudab valitud värvid valmis CSS-i gradiendikoodiks.
Kõik töötab kohapeal sinu brauseris: pole üleslaadimist, kontot ega serveripöördumisi ning generaator jätkab offline-tööd, kui see on laaditud.