Pulsuz Şəkil Rəng Palitrasını Çıxarıcısı
İstənilən şəkildən dominant rəngləri k-ortalama rəng kəmiyyətləndirilməsi istifadə edərək çıxarın. Foto və ya logonuzdakı ən üst 2-16 rəngin hex kodlarını əldə edin.
Faylı bura buraxın və ya seçmək üçün klikləyin
JPG, PNG, WebP, GIF, HEIC, HEIF · cihazınızda emal edilir
və ya mübadilə buferindən yapışdırmaq üçün Ctrl+V basın
Məsləhət: ekran görüntüsünü Ctrl+V ilə yapışdıra bilərsiniz
Fayllarınız heç vaxt cihazınızı tərk etmir. Bütün emal brauzerinizdə yerli olaraq baş verir.
Ümumi istifadələr
- Loqodan Brand Rənglərini ÇıxarınHər hansı logo və ya brend şəkildəki hakimiyət rənglərinin dəqiq heks kodlarını alın.
- Fotoğraflardan Veb Rəng Palitrasını YaradınQəhrəman şəkilləri və ya arxa fon şəkilləri ilə uyğun gələn veb rəng palitrasını yaradın.
- İlham Fotoğraflarından Rəngləri ÇıxarınDaxili dizayn və ya moda şəkillərinə rəng palitrasını çıxarın və layihələrinizə istifadə edin.
- Rəsm və İncəsənət Palitrasını Təhlil EdinMəşhur rəsmlərin və ya öz sənətinizin rəng palitrasını üstün rəngləri çıxararak öyrənin.
- Şəkillərdən CSS TemasınıŞəkillərdən CSS dəyişən temalarını yaradın - dinamik temalar və ya avtomatik rəng sxemaları üçün faydalıdır.
Necə İşləyir
Rəng çıxarılması Canvas API-dən oxunan xam piksel məlumatına tətbiq edilən əl ilə yazılmış bir k-means++ klasterləşdirmə alqoritmindən istifadə edərək tamamilə brauzerinizdə işləyir — server yoxdur, üçüncü tərəf kitabxanası yoxdur. Eyni şəkil və rəng-sayı ayarları həmişə eyni palitranı yaradır, çünki alqoritm Math.random əvəzinə deterministik bir psevdo-təsadüfi rəqəm generatoru (mulberry32) istifadə edir.
- 1Canvas piksel məlumatını oxuyurŞəkil ekrandan-kənar bir HTML Canvas elementinə çəkilir və ən uzun tərəfində ən çox 200px-ə endirilir. Canvas API-nin getImageData()-sı hər pikseli xam RGBA baytları kimi qaytarır, tamamilə şəffaf pikseller (alfa < 128) isə klasterləşmə başlamadan əvvəl atılır.
- 2k-means++ pikselləri klasterləşdirirBir k-means++ başlatıcısı sentroidləri deterministik olaraq toxumlayır, sonra alqoritm 20-yə qədər təkrarlayır: hər piksel RGB fəzasında ən yaxın sentroidinə təyin edilir, sonra sentroidlər bütün təyin edilmiş pikselin ortası kimi yenidən hesablanır. Eyni hex dəyərinə çökən klasterlər birləşdirilir, ona görə nəticədəki hər nümunə unikaldır.
- 3Hər-rəng metaməlumatı hesablanırHər sentroid HEX-ə, HSL-ə və ümumi piksellərin payına (faiz) çevrilir. WCAG nisbi parlaqlıq standart düstura görə hesablanır, həm qaraya, həm ağa qarşı kontrast nisbətləri isə hər nümunənin yanında göstərilir.
- 4İxrac və rəng-damcısı çıxışıPalitra CSS fərdi xüsusiyyətlər, SCSS dəyişənləri, bir Tailwind konfiqurasiya parçası, ya da JSON kimi kopyalana bilər. Klikləmə-ilə-nümunə götürmə bir eyedropper önizləmə üzərindəki kliklərinizi tam-qətnaməli bir kanvasda dəqiq mənbə piksel koordinatlarına xəritələyir, o pikselin rəngini ayrı bir seçilmiş-rənglər siyahısına əlavə edərək. Bir PNG palitra zolağı Canvas toBlob() vasitəsilə endirilə bilər.
Şəkliniz heç vaxt yüklənmir — o tamamilə brauzerinizin yaddaşında dekodlanır və işlənir, yalnız fayl ölçüsü (KB ilə) analitikaya bildirilir.
Əlaqəli Alətlər
Təsadüfi rəng generatoru
Təsadüfi rəngləri bir-bir və ya beşlik palitra kimi yaradın, bəyəndiklərinizi kilidləyin, HEX, RGB və ya HSL dəyərlərini kopyalayın və palitranı PNG ya da CSS kimi ixrac edin.
Rəng Palitrasının Generatoru
İstənilən əsas rəngdən tamamlayıcı, analoji, üçlü və monoxromatik rəng palitrasıları yaradın. Hex kodlarını bir klikdə kopyalayın.
Rəng Seçici və Palet Generatoru
Rənglər seçin, HEX/RGB/HSL arasında çevirin və uyğun paletlər yaradın.