[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-81402":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":12,"contributorsCount":12,"subscribersCount":12,"size":12,"stars1d":12,"stars7d":12,"stars30d":12,"stars90d":12,"forks30d":12,"starsTrendScore":12,"compositeScore":12,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":14,"fork":14,"defaultBranch":15,"hasWiki":16,"hasPages":14,"topics":17,"createdAt":9,"pushedAt":9,"updatedAt":18,"readmeContent":19,"aiSummary":20,"trendingCount":12,"starSnapshotCount":12,"syncStatus":21,"lastSyncTime":22,"discoverSource":23},81402,"Ranglar-Palatasi","Javlonbek1233\u002FRanglar-Palatasi","Javlonbek1233","Ranglar Palatasi",null,"TypeScript",35,0,36,false,"main",true,[],"2026-06-12 02:04:14","Men siz soʻragan barcha talablar asosida, zamonaviy hamda oʻta professional “Rang Palitrasi Generator” (HueCraft) web ilovasining toʻliq kodini yozib bitkazdim. Ilova dizayni minimalizm va oʻta nafis Glassmorphism uslublari asosida ishlab chiqildi.\n📂 Papka va Fayllar Strukturasi\nIlova modullilik va toza kod qoidalariga rioya qilgan holda quyidagi struktura boʻyicha yaratildi:\n\u002Fsrc\u002Ftypes.ts — Rang formatlari, palitralar va gradientlar uchun toʻliq TypeScript turlari va interfeyslari.\n\u002Fsrc\u002Futils\u002FcolorUtils.ts — HEX, RGB, HSL rang formatlarini bir-biriga oʻtkazish, rang uygʻunliklari (Analog, Monoxrom, Triada, Komplementar) hisoblagichlari, WCAG 2.1 boʻyicha kontrast tahlili va tayyor gradient shablonlari.\n\u002Fsrc\u002Fcomponents\u002FNavbar.tsx — Rejim (Dark\u002FLight), qidiruv formatlari va asosiy boʻlimlar navigatsiyasi.\n\u002Fsrc\u002Fcomponents\u002FPaletteGenerator.tsx — Boʻgʻinli rang kartalari, qulflash tizimi, tayanch rang tanlash, HSL tahrirlagichlari va tasodifiy generatsiya.\n\u002Fsrc\u002Fcomponents\u002FGradientGenerator.tsx — Burchak ostida linear va radial gradient qurish vizualizatori hamda tayyor preset va shablonlar kutubxonasi.\n\u002Fsrc\u002Fcomponents\u002FContrastChecker.tsx — WCAG standartlarida (AA, AAA) matn oʻqilish qulayligini tahlil qiluvchi va jonli vizual mock namuna koʻrsatuvchi doska.\n\u002Fsrc\u002Fcomponents\u002FFavoritesList.tsx — Saqlangan palitra va gradientlarni saqlovchi hamda JSON fayl shaklida eksport qiluvchi panel.\n\u002Fsrc\u002Fcomponents\u002FToast.tsx — Kopya qilish yoki saqlash muvaffaqiyatli yakunlanganda silliq chiqib keluvchi bildirishnoma.\n✨ Amalga Oshirilgan Imkoniyatlar & Visual UI\u002FUX\nAesthetic Glassmorphism & Light\u002FDark Mode:\nIlova fonida och va toʻq rejimga moslashuvchi, silliq harakatlanuvchi ambient neon yorugʻligi bor.\nBarcha kartalar oyna effekti (backdrop-blur), nozik hoshiyalar va yengil soyalar yordamida ajratilgan.\nPlus Jakarta Sans geometrik shrifti sarlavhalarga, JetBrains Mono esa rang kodlarining joylashuviga mukammal vizual kelishuv beradi.\nUygʻun Ranglar Palitrasi (Arming Harmonies):\nRang kartalarini qulflash (Lock) faollashtirilsa, generatsiya paytida faqat tanlanmagan ranglargina oʻzgaradi.\nKompyuterda klaviaturaning Space (Boʻshliq) tugmasi bosilsa, bir zumda yangi ranglar palitrasi hosil boʻladi.\nAnalogous, Monochromatic, Triadic, Complementary, Tetradic uygʻunlik rejalari tayanch rang asosida butunlay moslashadi.\nPro Gradient va Rang Kontrasti:\nGradient bariga 5 tagacha nuqta (stops) qoʻshish, burchaklarni aylantirish va toʻgʻridan-toʻgʻri tayyor CSS kodini nusxalash mumkin.\nKontrast tekshiruvchasi matn va fon ranglari mos kelmaganda sarlavha oʻqilishi qiyinligidan ogohlantiradi.\nLocal Storage va Eksport:\nSevimli palitralaringiz va gektar-gradientlaringiz brauzer xotirasida barqaror saqlanadi.\nBarcha saqlangan sevimli ranglarni JSON fayl shaklida kompyuterga eksport qilish imkoniyati mavjud.\n🚀 Deploy Qilish Boʻyicha Yoʻriqnoma\nYaratilgan ushbu zamonaviy frontend ilovani juda tez va bepul deploy qilish mumkin:\n1-usul: Vercel orqali (Eng oson va tezkor usul)\nLoyihani oʻzingizning GitHub profilingizga yuklang (Push).\nVercel saytiga kiring va profilingizni GitHub bilan bogʻlang.\nImport Project tugmasini bosing va ushbu loyihani tanlang.\nVercel avtomatik ravishda Vite loyihasini aniqlaydi. Hech qanday sozlamalarni oʻzgartirmasdan Deploy tugmasini bosing. 30 soniyada loyihangiz mukammal ishlaydigan havola (link) bilan jonli efirga chiqadi.\nMen siz istagan \"Zamonaviy va Immersive UI Rang Palitrasi hamda Gradient Generator\" ilovasining barcha tahrirlarini va visual sayqallash ishlarini muvaffaqiyatli yakunladim!\nLoyiha hech qanday ogohlantirish va xatolarsiz toʻliq muvaffaqiyatli build boʻldi (build succeeded).\n🎨 Amalgamated Dizayn va Yangilanishlar Sarhisobi\nUshbu bosqichda ilovaga \"Immersive UI\" konsepsiyasi va o'zbekcha interfeys unsurlari mukammal ravishda integratsiya qilindi:\nGradient Tahrirlagich (GradientGenerator.tsx):\nTahrirlash paneli, yoʻnalish tugmalari, burchak slayderi hamda rang stoplari kiritish maydonchalari Modern Glassmorphism uslubiga keltirildi.\nToʻq rejimda border-white\u002F10 hamda backdrop-blur-xl effektlari yordamida oʻta zamonaviy konturlar va shaffof fon qatlamlari qo'llanildi.\nTayyor shablonlar kutubxonasi kartalari va hover qatlamlari yangi dizayn tiliga moslashtirildi.\nRang Kontrasti Tekshiruvchisi (ContrastChecker.tsx):\nRang kiritish maydonlariga glass va to'q rejimlar uchun maxsus moslashuvchan soyalar biriktirildi.\nWCAG 2.1 muvofiqlik tekshiruvi natijalarini koʻrsatuvchi ma'lumotlar panellari zamonaviy koʻrinishga olib kelindi hamda interaktiv namuna UI qatlami ranglar uygʻunligini yorqin aks ettirmoqda.\nSevimli Ranglar Toʻplami (FavoritesList.tsx):\nPalitralar va gradientlar galereyasi kartalari backdrop-blur hamda oqshom rejimidagi shadow-lg shadow-black\u002F5 konturlari bilan havolanib, nafis bular koʻrinishini oldi.\nNusxa olish (CSV, CSS, Tailwind) hamda JSON eksport qilish boshqaruv tugmalari interaktiv hover effektlari bilan ta'minlandi.\nTizim va Kod Sifati:\nBarcha tahrirlar toʻliq TypeScript qoidalariga rioya qilingan holda bajarildi.\nVisual xatolar, teglar yopilmay qolishi yoki sinf xatolari toʻliq bartaraf etildi.\nindex.css orqali Inter va JetBrains Mono shriftlari interfeysga muvaffaqiyatli ulangan.\n","Ranglar Palatasi 是一个现代化且专业的色彩调色板生成器Web应用。它使用TypeScript编写，具备多种核心功能和技术特点，如支持HEX、RGB、HSL等颜色格式之间的转换，提供多种色彩和谐方案（包括类似色、单色、三文鱼色、互补色等），以及基于WCAG 2.1标准的对比度检查工具。此外，该应用还集成了线性和径向渐变生成器，并允许用户保存喜爱的颜色组合至本地存储或导出为JSON文件。界面设计遵循Glassmorphism风格，支持深色\u002F浅色模式切换，确保了良好的用户体验。Ranglar Palatasi非常适合设计师、前端开发者或是任何需要创建和管理颜色调色板的人士使用。",2,"2026-06-11 04:04:54","CREATED_QUERY"]