CSS gradientu ģenerators
Veido CSS gradientus vizuāli: lineārais, radiālais vai koniskais tips, leņķa slīdnis un līdz sešām krāsu pieturām ar tiešo pilna platuma priekšskatījumu un kopējamu kodu.
🔒 Pilnībā apstrādāts jūsu pārlūkprogrammā — nekas, ko jūs šeit ievadāt, nekad netiek augšupielādēts.
Rezultāts
Rakstīt linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) ar roku un pārlādēt lapu, lai to redzētu, ir lēna cilpa. Šis ģenerators to noslēdz: izvēlies lineāro, radiālo vai konisko, velc leņķa slīdni, iestati katru krāsu pieturu ar ierasto krāsu izvēlētāju un pozīciju procentos — un pilna platuma priekšskatījums atjaunojas pie katras ievades, bet gatavā fona rinda vienmēr ir pieejama kopēšanai.
Trīs gradientu tipi nosedz dažādus uzdevumus. Lineārie gradienti izplūst pa virzienu un nes lielāko daļu galveno sekciju un pogu; radiālie gradienti izstaro no centra mirdzumiem un vinjetēm; koniskie gradienti slauka ap centru un darbina sektoru diagrammas un krāsu riteņus. Jebkurā brīdī vari pārslēgt tipus — tavas pieturas pārceļas, tāpēc triju salīdzināšana aizņem sekundes.
Līdz sešas krāsu pieturas dod vietu daudzjoslu dizainiem, un sagatavju lapas piedāvā pārbaudītas kombinācijas — siltu saulrietu, mierīgu okeānu un maigu pasteļtoņu pāri — kā sākumpunktus, ko vari pielāgot, nevis tukšus audeklus. Ievēro darba dalījumu: šīs vietnes krāsu palešu ģenerators izvēlas harmoniskas plakanas krāsas, un krāsu formāta pārveidotājs pārtulko vērtību starp HEX, RGB un HSL, kamēr šis rīks dara citu darbu — tas pārvērš izvēlētās krāsas gatavā CSS gradienta kodā.
Viss darbojas lokāli tavā pārlūkā: nav augšupielādes, nav konta, nav servera pieprasījumu, un, kad ielādēts, ģenerators turpina darboties bezsaistē.