[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"tool-categories-az":3,"tool-gradient-generator-az":168},[4,22,62,102,131,149],{"slug":5,"icon":6,"color":7,"bgColor":8,"name":9,"title":10,"apps":11},"file-converters","Paperclip","#22C55E","#22C55E80","Fayl Alətləri","Fayl Çeviriciləri – İstənilən Formatı Onlayn Çevirin",[12],{"slug":13,"name":14,"title":15,"description":16,"icon":17,"features":18},"file-converters-webp-converter","WebP Çevirici","WebP Çevirici – Şəkilləri WebP-yə və WebP-ni JPG\u002FPNG-yə Çevirin","WebP Çevirici ilə PNG, JPG və GIF fayllarınızı asanlıqla WebP formatına çevirin.","ImageDown",[19,20,21],"Çoxlu format dəstəyi","Müasir format optimallaşdırması","Toplu çevirmə",{"slug":23,"icon":24,"color":25,"bgColor":26,"name":27,"title":28,"apps":29},"security","ShieldCheck","#EC4899","#EC489980","Təhlükəsizlik","Pulsuz Təhlükəsizlik Alətləri – Şifrələr Yaradın və Məlumatları Qoruyun",[30,41,51],{"slug":31,"name":32,"title":33,"description":34,"icon":35,"features":36},"security-password-generator","Şifrə Yaradıcısı","Şifrə Yaradıcı","Sadəcə klaviatura qısayolları ilə 2 addımda güclü və təhlükəsiz şifrənizi yaradın.","KeyRound",[37,38,39,40],"Fərdiləşdirilə bilən uzunluq","Bir neçə simvol dəsti","Güc göstəricisi","Oxşar simvolları istisna et",{"slug":42,"name":43,"title":43,"description":44,"icon":45,"features":46},"security-uuid-generator","UUID Yaradıcısı","UUID parolunuzu cəmi bir neçə saniyədə yaradın","RectangleEllipsis",[47,48,49,50],"Bir neçə UUID yaradın","Versiya seçimi (V1, V4 və s.)","Bir kliklə kopyala","Təhlükəsiz və unikal",{"slug":52,"name":53,"title":54,"description":55,"icon":56,"features":57},"security-passphrase-generator","Parol İfadəsi Yaradıcı","Parol İfadəsi Yaradıcı - Güclü və Yaddaqalan","Təsadüfi sözlərlə güclü, etibarlı və yaddaqalan parol ifadələrini birbaşa brauzerinizdə dərhal və təhlükəsiz yaradın.","square-asterisk",[58,59,60,61],"Tənzimlənə bilən söz sayı","Müxtəlif ayırıcı simvol seçimləri","Böyük hərf və rəqəm əlavəsi","Brauzerdə işləyən tam təhlükəsiz generasiya",{"slug":63,"icon":64,"color":65,"bgColor":66,"name":67,"title":68,"apps":69},"seo","Lightbulb","#8B5CF6","#8B5CF680","SEO Alətləri","Pulsuz SEO Alətləri – Daha Yaxşı Reytinqlər Üçün Veb-saytınızı Optimallaşdırın",[70,77,91],{"slug":71,"name":72,"title":73,"description":74,"icon":75,"features":76},"\u002Fseo\u002Fmeta-tag-generator","Meta Teq Yaradıcısı","Meta Teq Yaradıcısı – SEO Dostu Meta Teqlərini Onlayn Yaradın","SEO uyğun meta teqlərini asanlıqla yaradın. Başlıq, açıqlama və Open Graph teqləri ilə veb-saytınızın görünürlüyünü artırın.","FileText",[37,38,39,40],{"slug":78,"name":79,"title":80,"description":81,"icon":82,"features":83},"\u002Fseo\u002Fgoogle-search-operator-query-generator","Google Axtarış Operatoru Yaradıcısı","Google Axtarış Operatoru Yaradıcısı – Qabaqcıl Axtarış Sorğuları Yaradın","site:, filetype:, intitle: və daha çoxu kimi qabaqcıl operatorlardan istifadə edərək güclü Google axtarış sorğuları yaradın. Axtardığınızı dəqiq tapmaq üçün hədəfli axtarış sətirləri hazırlayın.","ScanSearch",[84,85,86,87,88,89,90],"Sayta xüsusi axtarış","Fayl növü filtrləmə","Başlıq və URL axtarışı","Tarix aralığı filtrləmə","Dəqiq ifadə uyğunluğu","Boolean operatorları","Bir kliklə kopyalama",{"slug":92,"name":93,"title":94,"description":95,"icon":96,"features":97},"\u002Fseo\u002Fpage-speed-insights","PageSpeed Insights","PageSpeed Insights – Pulsuz Core Web Vitals Testi","Google PageSpeed Insights ilə veb saytınızın performansını analiz edin. Mobil və masaüstü xallarını, Core Web Vitals göstəricilərini və optimizasiya məsləhətlərini əldə edin.","Gauge",[98,99,100,101],"Mobil və masaüstü performans xalları","Core Web Vitals (LCP, FID, CLS)","Optimizasiya imkanları və diaqnostika","Google PageSpeed Insights dəstəyi ilə",{"slug":103,"icon":104,"color":105,"bgColor":106,"name":107,"title":108,"apps":109},"utilities","Zap","#14B8A6","#14B8A680","Faydalı Alətlər","Faydalı Alətlər – Gündəlik İstifadə Üçün Pulsuz Onlayn Alətlər",[110,120],{"slug":111,"name":112,"title":112,"description":113,"icon":114,"features":115},"utilities-qr-code-generator","QR Kod Yaradıcısı","Pulsuz QR Kod Yaradıcısı ilə dərhal fərdiləşdirilmiş QR kodları yaradın! URL-lər, mətnlər, e-poçtlar, Wi-Fi, telefon nömrələri və daha çoxu üçün QR kodları hazırlayın","QrCode",[116,117,118,119],"Çoxlu formatlar","Xüsusi rənglər","Xəta düzəltmə","Endirmə seçimləri",{"slug":121,"name":122,"title":123,"description":124,"icon":125,"features":126},"utilities-age-calculator","Onlayn Yaş Kalkulyatoru","Yaş Kalkulyatoru - Dəqiq Yaş Hesablama","İki tarix arasındakı dəqiq yaşınızı il, ay və gün olaraq brauzerinizdə qeydiyyatsız və tam məxfi şəkildə hesablayın.","TimerReset",[127,128,129,130],"İl ay və günlə dəqiq yaş","İstənilən iki tarix arasında hesablama","Ümumi gün həftə və saat bölgüsü","Brauzerdə işləyir məlumat göndərilmir",{"slug":132,"icon":133,"color":134,"bgColor":135,"name":136,"title":137,"apps":138},"text","Type","#6366F1","#6366F180","Yazı","Mətn Alətləri – Mətni Onlayn Çevirin və Formatlayın",[139],{"slug":140,"name":141,"title":142,"description":143,"icon":144,"features":145},"text-case-converter","Registr Çevirici","Kiçik Hərf, Böyük Hərf və Digər Formatlar Üçün Registr Çevirici","Pulsuz Böyük\u002FKiçik Hərf Çevirici ilə mətninizi dərhal böyük hərf, kiçik hərf, başlıq və ya cümlə formatına çevirin. Sürətli və asan istifadə!","AArrowUp",[146,147,148,49],"Çoxlu registr çevirmələri","Real vaxt önizləmə","Klaviatura qısayolları",{"slug":150,"icon":151,"color":152,"bgColor":153,"name":154,"title":155,"apps":156},"web","MonitorSmartphone","#DE6312","#DE631280","Web Alətləri","Web Alətləri – Pulsuz Onlayn Web İnkişaf Yardımcıları",[157],{"slug":158,"name":159,"title":160,"description":161,"icon":162,"features":163},"web-gradient-generator","Qradiyent Yaradıcısı","Gradient Generator – Onlayn Gözəl CSS Qradiyentləri Yaradın","Pulsuz Gradient Generator alətimizlə cəlbedici CSS qradiyentləri dizayn edin. Rəngləri və bucaqları fərdiləşdirin, effekti dərhal önizləyin.","Braces",[164,165,166,167],"Vizual redaktor","Bir neçə qradiyent növü","Rəng dayanacaqları","CSS kod yaradılması",{"slug":169,"icon":162,"title":160,"description":161,"content":170,"features":171,"category":172,"seo_meta":173},"gradient-yaradici","\u003Ch2>Bu nədir\u003C\u002Fh2>\n\u003Cp>FlexiToolbox-dakı Gradient Generator aləti pulsuz şəkildə gözoxşayan CSS qradiyentləri dizayn etməyinizə kömək edir. İnteraktiv vizual redaktor vasitəsilə rəngləri və bucaqları fərdiləşdirin, effekti dərhal canlı önbaxışda görün. İstər veb-səhifə üçün axıcı arxa fon, istər düymə vurğusu, istərsə də kart çərçivəsi hazırlamağınızdan asılı olmayaraq, bu alət əlavə proqram təminatına ehtiyac olmadan birbaşa brauzerinizdə standart CSS kodu formalaşdırır.\u003C\u002Fp>\n\n\u003Ch2>Necə istifadə etməli\u003C\u002Fh2>\n\u003Col>\n\u003Cli>\u003Cstrong>Qradiyent növünü seçin:\u003C\u002Fstrong> Xətti (linear) və ya radial qradiyent keçidi kimi yaratmaq istədiyiniz üslubu müəyyənləşdirin.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Bucağı və ya istiqaməti tənzimləyin:\u003C\u002Fstrong> Xətti keçidin istiqamətini və ya radial keçidin oriyentasiyasını təyin etmək üçün vizual redaktorun idarəetmə elementlərindən istifadə edin.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Rəng nöqtələri əlavə edin və fərdiləşdirin:\u003C\u002Fstrong> Yeni rəng nöqtələri yerləşdirmək üçün qradiyent zolağına klikləyin, hər nöqtəyə fərdi rəng təyin edin və keçidi idarə etmək üçün onların mövqeyini sürükləyin.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Nəticəyə real vaxtda baxın:\u003C\u002Fstrong> Rəng keçidlərinin dizayn məqsədinizə uyğun olduğundan əmin olmaq üçün dəyişiklik etdikcə canlı önbaxış sahəsini yoxlayın.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Hazırlanmış CSS kodunu kopyalayın:\u003C\u002Fstrong> Layihənizdə istifadə etmək üçün səliqəli CSS kod parçasını birbaşa buferə köçürmək məqsədilə kopyalama seçimini klikləyin.\u003C\u002Fli>\n\u003C\u002Fol>\n\n\u003Ch2>İstifadə sahələri\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Cstrong>Başlıq bannerləri və səhifə arxa fonları:\u003C\u002Fstrong> Ağır şəkil faylları yükləmədən veb-sayt başlıqları, bölmə ayırıcıları və açılış səhifələri üçün səliqəli arxa fon keçidləri yaradın.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>İnteraktiv interfeys düymələri:\u003C\u002Fstrong> İnterfeysinizə aydın vizual iyerarxiya və dərinlik qatan fərdi düymə fonları hazırlayın.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Kart və modal pəncərə üslubları:\u003C\u002Fstrong> Məzmun kartlarını, dialoq başlıqlarını və idarəetmə paneli vidcetlərini zərif, çoxçalarlı arxa fonlarla daha cəlbedici edin.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Mətn vurğuları və status nişanları:\u003C\u002Fstrong> Veb-tətbiqlərdə mətn kəsimi və status nişanları üçün uyğun CSS arxa fon xüsusiyyətləri tərtib edin.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Dizayn prototipləməsi:\u003C\u002Fstrong> Üslub cədvəllərinizdə istehsalat dəyişənlərini saxlamazdan əvvəl rəng palitralarını, nöqtə məsafələrini və bucaqları tez bir zamanda yoxlayın.\u003C\u002Fli>\n\u003C\u002Ful>\n\n\u003Ch2>Məsləhətlər\u003C\u002Fh2>\n\u003Cp>Ən balanslı keçidlər əldə etmək üçün rəng dairəsində bir-birinə yaxın yerləşən rəngləri seçin. Oxşar alt çalarlara malik rəngləri qarışdırmaq qradiyentinizin ortasında solğun və ya bulanıq tonların yaranmasının qarşısını alır. Əgər dizaynınızda mətn yer alacaqsa, qradiyent önbaxışının bütün nöqtələrində kontrastın yetərincə yüksək qaldığını mütləq yoxlayın.\u003C\u002Fp>\n\u003Cp>Yalnız həqiqətən ehtiyacınız olan rəng nöqtələrindən istifadə edərək CSS kodunuzun səliqəli qalmasını təmin edin. Əksər tərtibatlar üçün iki və ya üç rəng nöqtəsi həm axıcı keçidlər yaradır, həm də üslub cədvəllərinizin oxunaqlı və asanlıqla idarə olunan qalmasına kömək edir.\u003C\u002Fp>\n\n\u003Ch2>FAQ\u003C\u002Fh2>\n\u003Ch3>Gradient Generator alətindən istifadə ödənişsizdirmi?\u003C\u002Fh3>\n\u003Cp>Bəli, Gradient Generator tamamilə pulsuzdur; heç bir istifadə məhdudiyyəti və ya gizli ödəniş yoxdur. Hesab yaratmağa, e-poçtunuzu qeydiyyatdan keçirməyə və ya abunə olmağa ehtiyac yoxdur. Şəxsi və ya kommersiya layihələriniz üçün istədiyiniz sayda qradiyent qura, önbaxışdan keçirə və birbaşa veb-brauzerinizdə CSS kodunu generasiya edə bilərsiniz.\u003C\u002Fp>\n\n\u003Ch3>Bu alət dizayn məlumatlarımı saxlayır və ya serverə yükləyirmi?\u003C\u002Fh3>\n\u003Cp>Xeyr, bu alət heç bir məlumatınızı yadda saxlamır, qeydə almır və ya yükləmir. Gradient Generator tamamilə müştəri tərəfli (client-side) kod vasitəsilə veb-brauzerinizin daxilində işləyir. Seçdiyiniz rənglər, bucaq tənzimləmələri, rəng nöqtələri və CSS fraqmentləri yerli kompüterinizdə qalır. İşlədiyiniz zaman məxfiliyinizin qorunması üçün heç nə xarici serverlərə ötürülmür.\u003C\u002Fp>\n\n\u003Ch3>Bu alətdən mobil cihazda istifadə edə bilərəmmi?\u003C\u002Fh3>\n\u003Cp>Bəli, Gradient Generator smartfon və planşetlər də daxil olmaqla mobil cihazlarda problemsiz işləyir. Vizual redaktor mobil ekranlara uyğunlaşır, beləliklə, telefonunuza əlavə tətbiqlər, brauzer uzantıları və ya qoşmalar quraşdırmadan birbaşa mobil brauzerinizdən rəng seçə, rəng nöqtələrini yerləşdirə, müxtəlif bucaqları yoxlaya və CSS kodunu kopyalaya bilərsiniz.\u003C\u002Fp>\n\n\u003Ch3>Hansı növ qradiyentlər yarada bilərəm?\u003C\u002Fh3>\n\u003Cp>Xətti və radial qradiyentlər də daxil olmaqla bir neçə növ qradiyent yarada bilərsiniz. Xətti qradiyentlər rəngləri üfüqi, şaquli və ya diaqonal kimi seçdiyiniz istənilən bucaq altında düz xətt boyunca keçirir. Radial qradiyentlər isə rəngləri mərkəzi nöqtədən kənara doğru dairəvi və ya elliptik formada yayır. Tərtibatınıza ən uyğun variantı tapmaq üçün vizual redaktor daxilində növlər arasında keçid edə bilərsiniz.\u003C\u002Fp>\n\n\u003Ch3>Vizual redaktorda rəng nöqtələri necə işləyir?\u003C\u002Fh3>\n\u003Cp>Rəng nöqtələri qradiyent boyunca rənglərin başladığı, qarışdığı və bitdiyi xüsusi mövqeləri müəyyən edir. Vizual redaktorda sürüşdürmə zolağı boyunca yeni rəng nöqtələri əlavə edə, hər bir nöqtəyə fərdi rəng təyin edə və rənglərin bir-birinə nə dərəcədə tez qarışdığını idarə etmək üçün nöqtələri irəli-geri çəkə bilərsiniz. Həmçinin keçidi daha da dəqiqləşdirmək üçün istəmədiyiniz nöqtələri silə bilərsiniz.\u003C\u002Fp>\n\n\u003Ch3>Hazırlanmış CSS kodunu veb-sayta necə tətbiq edə bilərəm?\u003C\u002Fh3>\n\u003Cp>Qradiyentinizi tətbiq etmək üçün alətdən formalaşdırılmış CSS kod parçasını kopyalayın və üslub cədvəlinizə yapışdırın. Onu konteyner, kart və ya düymə kimi seçdiyiniz HTML elementinin \u003Cem>background\u003C\u002Fem> və ya \u003Cem>background-image\u003C\u002Fem> xüsusiyyətinə təyin edin. Hazırlanmış kod müasir CSS standartlarına tam uyğundur və heç bir əl ilə redaktə tələb etmədən bütün müasir brauzerlərdə işləyir.\u003C\u002Fp>",[164,165,166,167],{"slug":150,"title":154},{"title":174,"meta_description":175,"breadcrumb":176,"og_type":180,"availableLanguages":181,"categorySlug":150},"Gradient Generator – Onlayn CSS Qradiyentləri Yaradın","Pulsuz Gradient Generator alətimizlə cəlbedici CSS qradiyentləri dizayn edin. Rəngləri və bucaqları fərdiləşdirin, effekti dərhal önizləyin.\n",[177,178],{"url":150,"name":154},{"url":179,"name":159},"web\u002Fgradient-yaradici","product",[182,183,184,185,186,187,188,189,190,191],"en","az","ru","de","fr","es","pt","it","ar","tr"]