Generator gradientov CSS
Vizualno ustvarite prelive CSS: linearni, radialni ali stožčasti tip, kotni drsnik in do šest barvnih stopenj s predogledom polne širine v živo in kodo, ki jo je mogoče kopirati.
Rezultat
Ročno pisanje linearnega gradienta (135deg, #2193b0 0%, #6dd5ed 100%) in ponovno nalaganje strani, da se vidi, je počasna zanka. Ta generator ga zapre: izberite linearno, radialno ali stožčasto, povlecite drsnik kota, nastavite vsako barvno postajo z izvirnim izbirnikom barv in odstotnim položajem — in predogled polne širine se znova pobarva pri vsakem posameznem vnosu, pri čemer je končana črta ozadja vedno pripravljena za kopiranje.
Tri vrste gradientov pokrivajo različna delovna mesta. Linearni prelivi bledijo vzdolž smeri in nosijo večino junakov in gumbov; radialni prelivi sevajo iz središča za sijaje in vinjete; stožčasti prelivi pomikajo okoli središča in močnostni tortni grafikoni ter barvna kolesa. Vrste lahko zamenjate kadar koli – vaši postanki se prenesejo, zato primerjava treh traja nekaj sekund.
Do šest barvnih stopenj vam daje prostor za večpasovne dizajne, prednastavljene strani pa pošiljajo preizkušene kombinacije – topel sončni zahod, miren ocean in mehki pastelni par – kot izhodiščne točke, ki jih lahko prilagodite namesto praznih platen. Upoštevajte delitev dela: generator barvne palete na tem spletnem mestu izbere harmonične ravne barve in pretvornik barvnega formata prevede vrednost med HEX, RGB in HSL, medtem ko to orodje opravlja drugačno nalogo - spremeni izbrane barve v pripravljeno gradientno kodo CSS.
Vse deluje lokalno v vašem brskalniku: brez nalaganja, brez računa, brez povratnih potovanj strežnika in generator še naprej deluje brez povezave, ko je naložen.