Bezmaksas pārveidotājs

Krāsu palete Izvilkējs no attēla

Nekavējoties izņemiet dominējošās krāsas no jebkura attēla. Iegūstiet HEX un RGB vērtības ar vienu klikšķi. Bezmaksas, droša un pilnībā darbojas jūsu pārlūkprogrammā.

Velciet un nometiet attēlu šeit

Atbalsta PNG, JPG, WEBP, GIF. Maksimums 50 MB.

Or

Par šo rīku

Krāsu paletes ekstrakcija analizē attēlu un identificē dominējošās vai reprezentatīvās krāsas. Rezultāts ir neliels krāsu kopums — parasti 5–8 —, kas atspoguļo attēla vizuālo raksturu. Dizaineri izmanto iegūtās paletes, lai saskaņotu citus dizaina elementus (UI krāsas, kas papildina varoņa attēlu, zīmolu paletes, kas iegūtas no fotogrāfijas, krāsu shēmas, kas atbilst noskaņojuma attēlam).

Ekstrakcija izmanto klasterizācijas algoritmus (k-means vai līdzīgus), lai grupētu visus attēla pikseļus pieprasītajā krāsu klasteru skaitā. Katra klastera centrs kļūst par paletes krāsu. Lielākās kopas pārstāv dominējošās krāsas; Algoritms var arī svērt pēc vizuālā svarīguma (piesātinājuma, kontrasta), nevis neapstrādātu pikseļu skaitu, lai virsmas pārsteidzošas akcentu krāsas.

Šis rīks darbojas jūsu pārlūkprogrammā, izmantojot JavaScript. Attēls tiek dekodēts pikseļu datos, tiek ņemts paraugs, lai samazinātu aprēķinu, un sagrupēts. Izvade ir palete ar hex kodiem, RGB vērtībām un proporcionālām joslām, kas parāda katras krāsas izplatību attēlā.

Kāpēc iegūt krāsu paletes

Ar izvilktām paletēm ir daudz ātrāk izstrādāt elementus, kas saskan ar esošajiem attēliem, nekā izvēlēties krāsas pēc acs. Tīmekļa dizaineri, kas veido galvenās lapas ap varoņu attēliem, mārketinga speciālisti, kas ražo aktīvus, kas atbilst galvenajam produkta fotoattēlam, un zīmolu dizaineri, kas analizē konkurentu attēlus, gūst labumu no algoritmiskās paletes iegūšanas.

Paletes atbalsta arī satura pārvaldību. Attēlu klasificēšana pēc dominējošās krāsas ļauj izveidot saskarnes, kurās lietotāji pārlūko fotoattēlus, produktus vai dizainus pēc krāsas. Lai izveidotu šādu sistēmu, ir sistemātiski jāizņem paletes, ko nodrošina programmatiskā ekstrakcija.

Kā lietot

Augšupielādējiet, izvēlieties paletes izmēru, iegūstiet krāsas.

  1. Augšupielādējiet savu attēlu: Velciet JPEG, PNG vai WebP failu augšupielādes apgabalā. Tiek atbalstīti faili līdz 50 MB.
  2. Izvēlieties paletes izmēru: 5-8 krāsas aptver lielāko daļu lietošanas gadījumu. 3-4 cieši fokusētai paletei; 10+ smalki detalizētai ekstrakcijai. Lielākas paletes ietver smalkākas krāsas, bet samazina lietderību.
  3. Ekstrakts: Klasterizācija darbojas jūsu pārlūkprogrammā. Mazākas paletes tiek iegūtas ātrāk; lielākas paletes no augstas izšķirtspējas attēliem aizņem dažas sekundes.
  4. Izmantojiet paleti: Hex kodus var kopēt tieši. Paleti var eksportēt kā JSON, CSS pielāgotus rekvizītus vai krāsu parauga attēlu.

Bieži lietojami gadījumi

Tehniskās detaļas

K-means klasterizācijas atkārtojumi: piešķiriet katru pikseli tuvākajam klastera centram, pārrēķiniet centrus kā piešķirto pikseļu vidējo vērtību, atkārtojiet līdz konverģencei. Pilnas izšķirtspējas attēlu darbība ir lēna; paraugu ņemšana (ņemot katru N-to pikseļu) paātrina ar minimālu kvalitātes zudumu.

Krāsu telpai ir nozīme. RGB grupēšana rada paletes, kas svērtas pēc RGB attāluma, kas neatbilst uztveres attālumam. Klasterizācija LAB vai HSV rada vairāk uztveres līdzinātas paletes — krāsas, kas izskatās līdzīgas, sagrupējas uzticamāk.

Izvade: hex kodi katram klastera centram, plus attēla pikseļu procentuālā daļa katrā klasterī. Procentuālais daudzums atspoguļo vizuālo izplatību; lielākā kopa ir dominējošā krāsa.

Labākā prakse

Bieži uzdotie jautājumi

Cik krāsas tiek iegūtas?
Rīks parasti iegūst 5–8 dominējošās krāsas atkarībā no attēla sarežģītības. Vienkārši attēli ar dažām krāsām rada mazāk, atšķirīgākus paraugus. Sarežģīti fotoattēli rada plašāku diapazonu.
Kā darbojas ekstrakcijas algoritms?
Rīks izmanto krāsu kvantēšanu (vidējo griezumu vai k-means klasterizāciju), lai grupētu līdzīgus pikseļus un identificētu reprezentatīvākās krāsas. Tādējādi tiek iegūtas vizuāli nozīmīgas krāsas, nevis visizplatītākās viena pikseļa vērtības.
Vai es varu izmantot iegūtās krāsas savam zīmolam?
Jā. Tas ir populārs paņēmiens zīmolu paletes atvasināšanai no noskaņojuma dēļiem, fotogrāfijām vai produktu attēliem. Izvilktos hex kodus var izmantot tieši CSS, dizaina rīkos vai zīmola vadlīnijās.
Kāpēc iegūtās krāsas neatbilst tam, ko es precīzi redzu?
Krāsu ekstrakcija grupē līdzīgus pikseļus. Gradientam, kas acij izskatās kā viena krāsa, vidēji var iegūt nedaudz atšķirīgu toni. Arī monitora kalibrēšana ietekmē to, kā krāsas parādās ekrānā.
Kāds ir izvades formāts?
Hex kodi pēc noklusējuma. Lielākā daļa rīku eksportē arī RGB, HSL un citas krāsu telpas vērtības. CSS pielāgotie rekvizīti vai JSON izvade ir noderīgi programmatiskai lietošanai.
Vai mans attēls ir augšupielādēts serverī?
Nē. Izvilkšana notiek jūsu pārlūkprogrammā.
Vai palete atbilst zīmola identitātei?
Algoritmiskā ekstrakcija ir aprakstoša, nevis preskriptīva. Izvade apraksta attēlu; zīmolam var būt saistīta, bet atšķirīga palete. Izmantojiet ekstrakciju kā sākumpunktu, pēc tam uzlabojiet zīmola pielīdzināšanu.
Vai es varu izvilkt no video?
Viena kadra ekstrakcija tikai ar šo rīku. Video paletes iegūšanai, paraugus kadriem un ekstraktiem no katra, pēc tam apkopojiet.