← Atpakaļ uz funkcijām
Free

Attēla Krāsu Ekstraktors

Attēla Krāsu Ekstraktors analizē jebkuru attēla failu (nometiet, ielīmējiet vai noklikšķiniet, lai ielādētu) un atgriež līdz pat 16 dominējošām krāsām ar procentuālo svaru. Izmanto pikseļu paraugu ņemšanu un bucket kvantēšanu tieši pārlūkā — bez augšupielādes, bez servera pieprasījuma. Noklikšķiniet uz jebkuras krāsu paraugkartītes, lai kopētu tās hex kodu, vai izmantojiet Copy All visai paletei.

Dizaineriem un izstrādātājiem pastāvīgi nepieciešams iegūt krāsas no attēliem — izvilkt zīmola krāsas no logotipa, izveidot paleti no fotogrāfijas, saskaņot UI ar atsauces darbu. Attēla Krāsu Ekstraktors to paveic tieši pārlūkā, bez augšupielādes. Nometiet, ielīmējiet vai noklikšķiniet, lai ielādētu attēlu (PNG, JPG, SVG, WebP, GIF). Rīks uzzīmē samazinātu attēla versiju uz canvas, ņem paraugu no katra 4. pikseļa, sadala tos samazinātā krāsu telpā (5 biti kanālā, ~32 000 grupu), aprēķina katras grupas vidējo RGB vērtību un pēc tam izvēlas N populārākās grupas, apvienojot gandrīz identiskas krāsas (24 Manhetenas attāluma robežās RGB telpā). Rezultāts ir tīra, reprezentatīva palete, kas atspoguļo faktisko vizuālo kompozīciju — nevis tikai visprecīzāk sakrītošos pikseļus. Skaita slīdnis (3–16) ļauj pielāgot paletes izmēru atkarībā no vajadzības. Katra krāsu kartīte parāda hex vērtību un pikseļu procentuālo daļu; noklikšķiniet, lai kopētu atsevišķi, vai izmantojiet Copy All, lai iegūtu visu paleti vienā piegājienā.

Tiešraides priekšskatījums
example.com
Attēlu krāsu ekstraktors 8 krāsas ekstrahētas
1920 × 1080
40000 pixels sampled
Krāsas
8
Atkārtoti ekstrēt Kopet visu
#7C3AED
28.4%
#A78BFA
19.2%
#F472B6
14.8%
#FBBF24
11.5%
#6D28D9
9.7%
#E879F9
7.4%
#FCD34D
5.3%
#C026D3
3.7%
Galvenās funkcijas

Tūlītēja Paletes Iegūšana

Ielādē jebkuru izplatītu attēla formātu un izveido dominējošo krāsu paleti krietni zem sekundes, pat lieliem attēliem.

Precīzs Krāsu Svars

Katra iegūtā krāsa parāda savu procentuālo daļu attēla laukumā — uzreiz redzams, kuras krāsas dominē un kuras ir tikai akcenti.

Pielāgojams Paletes Izmērs

Slīdnis 3–16 krāsu izvēlei. Mazas paletes zīmola darbam; lielākas — fotogrāfiskām atsaucēm.

Kopēšana Ar Vienu Klikšķi

Noklikšķiniet uz jebkuras krāsu kartītes, lai kopētu tās hex kodu. Vai izmantojiet Copy All, lai iegūtu visu paleti kā ar jaunu rindu atdalītu sarakstu masveida lietošanai.

Darbojas Pilnībā Pārlūkā

Bez augšupielādes, bez servera pieprasījuma, attēls neatstāj jūsu ierīci. Droši lietojams privātiem maketiem, vēl nepublicētiem materiāliem vai konfidenciāliem darbiem.

Atbalsta Visus Attēlu Formātus

PNG, JPG, SVG, WebP, GIF, ICO — visi atbalstīti ar standarta canvas dekodēšanu. Caurspīdīgi pikseļi tiek automātiski izlaisti.

Biežākie lietošanas veidi

Zīmola Krāsu Iegūšana

Nometiet logotipa attēlu, iegūstiet tajā izmantotās precīzās krāsas un kopējiet tās sava zīmola CSS mainīgajos vai dizaina sistēmā.

Fotogrāfiskas Paletes Ģenerēšana

Ievadiet rīkā ainavas fotogrāfiju, lai iegūtu 5 krāsu paleti, kas atspoguļo tās noskaņu — noderīgi mākslinieciskajam virzienam vai tēmas veidošanai.

UI Saskaņošana

Uzņemiet atsauces UI ekrānuzņēmumu, iegūstiet paleti un izmantojiet šīs krāsas savā maketā, lai saskaņotu vizuālo noskaņu.

Klienta Materiālu Analīze

Kad klients nosūta vienu attēlu kā zīmola vadlīniju, iegūstiet 8-10 krāsas, lai piedāvātu sākotnējo paleti, kas paliek uzticīga atsaucei.

Gradientu Veidošana No Attēliem

Iegūstiet divas dominējošākās attēla krāsas, lai veidotu fona gradientu, kas papildina priekšplāna materiālu.

Kā lietot
1

Atveriet Attēla Krāsu Ekstraktoru

Noklikšķiniet uz Image Colors ikonas DevSuite Pro dokā. Atveras panelis ar nomešanas zonu un iestatījumiem.

2

Ielādējiet Attēlu

Ievelciet failu, ielīmējiet no starpliktuves (Ctrl+V) vai noklikšķiniet, lai atvērtu faila izvēli. Rīks automātiski ielādē un analizē pikseļus.

3

Pielāgojiet Krāsu Skaitu

Izmantojiet slīdni, lai izvēlētos, cik krāsas iegūt (3–16). Palete pārrēķinās uzreiz, kamēr velkat slīdni.

4

Pārskatiet Paleti

Katra krāsu kartīte parāda savu hex kodu un procentuālo daļu attēla laukumā. Meklējiet dominējošās krāsas — tām būs augstākie procenti.

5

Kopējiet Krāsas

Noklikšķiniet uz jebkuras krāsu kartītes, lai kopētu tās hex kodu, vai izmantojiet Copy All, lai iegūtu visu paleti kā sarakstu lietošanai dizaina rīkā vai CSS.

Gatavs izmēģināt?

Instalējiet DevSuite Pro bez maksas un atbloķējiet 64+ izstrādātāju rīkus savam pārlūkam.

Pievienot pārlūkam Chrome Pievienot Edge Pievienot pārlūkam FireFox