← Tagasi funktsioonide juurde
Free

Image Color Extractor

Image Color Extractor analüüsib mistahes pildifaili (lohista, kleebi või klõpsa laadimiseks) ja tagastab kuni 16 domineerivat värvi koos protsendiliste osakaaludega. Kasutab brauseripõhist piksliproovide võtmist ja hulgikvantiseerimist — üleslaadimist ega serveripäringut pole vaja. Klõpsa mis tahes värvinäidisel, et kopeerida selle hex-kood, või kasuta Copy All kogu paleti kopeerimiseks.

Disainerid ja arendajad vajavad pidevalt värvide eraldamist piltidest — brändivärvide võtmist logolt, paleti loomist fotolt, kasutajaliidese sobitamist viitekunstiga. Image Color Extractor teeb seda otse brauseris ilma üleslaadimiseta. Lohista, kleebi või klõpsa, et laadida pilt (PNG, JPG, SVG, WebP, GIF). Tööriist joonistab pildist vähendatud versiooni lõuendile, võtab proove igalt neljandalt pikslilt, jagab need vähendatud värviruumi (5 bitti kanali kohta, ~32K rühma), arvutab iga rühma tegeliku RGB-keskmise ning valib seejärel N kõige suurema rühma, ühendades peaaegu identsed värvid (RGB-vahemaa alla 24 Manhattani ühiku). Tulemuseks on puhas ja representatiivne palett, mis peegeldab pildi tegelikku visuaalset koostist — mitte lihtsalt kõige täpsemaid piksliväärtusi. Liugur (3–16) võimaldab paleti suurust vastavalt vajadusele reguleerida. Iga näidis kuvab hex-väärtuse ja piksliprotsendi; klõpsa selle üksikuks kopeerimiseks või kasuta Copy All kõigi korraga hankimiseks.

Reaalajas eelvaade
example.com
Pildi värvide eraldaja 8 värvid ekstraheeritud
1920 × 1080
40000 pixels sampled
Värvid
8
Ekstraheerige uuesti Kopeeri kõik
#7C3AED
28.4%
#A78BFA
19.2%
#F472B6
14.8%
#FBBF24
11.5%
#6D28D9
9.7%
#E879F9
7.4%
#FCD34D
5.3%
#C026D3
3.7%
Põhifunktsioonid

Kiire Paleti Eraldamine

Laadib iga levinud pildiformaadi ja loob domineerivate värvide paleti alla sekundi ka suurte piltide puhul.

Täpsed Värviosakaalud

Iga eraldatud värvi juures kuvatakse selle osakaal pildipinnast — näed kohe, millised on domineerivad ja millised aktsentvärvid.

Reguleeritav Paleti Suurus

Liugur 3–16 värvi valimiseks. Väiksed paletid brändi jaoks, suuremad fotograafiliste viidete jaoks.

Ühe Klõpsuga Kopeerimine

Klõpsa mis tahes näidisel selle hex-koodi kopeerimiseks. Või kasuta Copy All, et saada kogu palett reainevahetusega eraldatud loendina hulgikasutuseks.

Töötab Täielikult Brauseris

Üleslaadimist ega serveripäringut pole, pilt ei lahku sinu arvutist. Turvaline privaatsete mockuppide, avaldamata varade või tundliku kunsti jaoks.

Toetab Kõiki Pildiformaate

PNG, JPG, SVG, WebP, GIF, ICO — kõik toetatud standardse lõuendi-põhise dekodeerimise kaudu. Läbipaistvad pikslid jäetakse automaatselt vahele.

Tavalised kasutusjuhud

Brändivärvide Eraldamine

Lohista logopilt sisse, eralda kasutatud täpsed värvid ja kopeeri need oma brändikomplekti CSS-muutujatesse või disainisüsteemi.

Fotograafilise Paleti Loomine

Sisesta tööriistale maastikufoto, et saada 5-värviline palett, mis tabab selle meeleolu — kasulik kunstilise suuna või teema loomisel.

Kasutajaliidese Sobitamine

Tee ekraanipilt viitekasutajaliidesest, eralda palett ja kasuta neid värve oma mockupis, et sobitada visuaalne tunnetus.

Kliendi Varade Analüüs

Kui klient saadab brändisuunana ühe pildi, eralda 8-10 värvi, et pakkuda lähtepaletti, mis jääb viitele truuks.

Gradientide Loomine Piltidest

Hangi pildilt kaks kõige domineerivamat värvi, et luua taustagradient, mis täiendab esiplaani vara.

Kuidas kasutada
1

Ava Image Color Extractor

Klõpsa DevSuite Pro dokis Image Colors ikoonil. Avaneb paneel koos lohistusalaga ja seadetega.

2

Laadi Pilt

Lohista fail sisse, kleebi lõikelaualt (Ctrl+V) või klõpsa failivaliku avamiseks. Tööriist laadib ja proovib pikslid automaatselt.

3

Reguleeri Värvide Arvu

Kasuta liugurit, et valida, mitu värvi eraldada (3–16). Palett arvutatakse liugurit lohistades koheselt uuesti.

4

Vaata Paletti Üle

Iga näidis kuvab oma hex-koodi ja osakaalu pildipinnast. Otsi domineerivaid värve — neil on suurim protsent.

5

Kopeeri Värvid

Klõpsa mis tahes näidisel selle hex-koodi kopeerimiseks või kasuta Copy All, et hankida kogu palett loendina oma disainitööriista või CSS-i jaoks.

Kas olete valmis alustama?

Paigaldage DevSuite Pro tasuta ja avage 64+ arendustööriista oma brauserile.

Lisa Chrome'i Lisa Edge'i Lisa FireFoxi