Generator CSS prelivov
Gradite CSS prelive vizualno: linearni, radialni ali konični tip, drsnik za kot in do šest barvnih postaj s predogledom v živo čez celotno širino in kodo za kopiranje.
🔒 V celoti obdelano v vašem brskalniku – nič, kar tukaj vnesete, ni nikoli naloženo.
Rezultat
Ročno pisanje linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) in osveževanje strani, da ga vidite, je počasna zanka. Ta generator jo zapre: izberite linearni, radialni ali konični tip, povlecite drsnik za kot, nastavite vsako barvno postajo z izvornim izbirnikom barv in položajem v odstotkih – predogled čez celotno širino pa se posodobi ob vsakem posameznem vnosu, pri čemer je končna vrstica za ozadje vedno pripravljena za kopiranje.
Trije tipi prelivov pokrivajo različne naloge. Linearni prelivi bledijo vzdolž smeri in nosijo večino uvodnih pasic in gumbov; radialni prelivi sevajo iz središča za sijanje in vinjete; konični prelivi krožijo okoli središča in poganjajo tortne diagrame ter barvna kolesa. Tipe lahko zamenjate kadar koli – vaše postaje se prenesejo, zato primerjava vseh treh traja le nekaj sekund.
Do šest barvnih postaj vam daje prostor za večpasovne oblikovalske rešitve, prednastavitvene strani pa ponujajo preverjene kombinacije – topel sončni zahod, miren ocean in mehak pastelni par – kot izhodišča, ki jih lahko prilagajate, namesto praznih platen. Upoštevajte delitev dela: generator barvnih palet na tem spletnem mestu izbira harmonične enobarvne barve, pretvornik barvnih formatov pa prevaja vrednost med HEX, RGB in HSL, medtem ko to orodje opravlja drugačno nalogo – izbrane barve spremeni v pripravljeno kodo CSS preliva.
Vse teče lokalno v vašem brskalniku: brez nalaganja, brez računa, brez povratnih potovanj do strežnika, generator pa deluje tudi brez povezave, ko je enkrat naložen.