Orodja95

USTVARI NEKAJ ODLIČNEGA

Izbirnik barv s slike.

Izberite HEX, RGB in HSL barve s slike. Izvlecite in uredite paleto, preverite kontrast besedila, nato kopirajte barve ali izvozite PNG, SVG, CSS ali JSON.

Oglasi
Vaš delovni prostor za slike
Začasna obdelava na strežniku
ali povlecite in spustite sem
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Za začetek izberite sliko.SLIKA
Oglasi
Blog Kako izbrati barve slike in ustvariti paleto Preberi vodnik

Izberite barve slike in ustvarite paleto, ki jo lahko uporabite

Preglejte slikovno piko, kopirajte njeno vrednost HEX, RGB ali HSL in iz fotografije izvlecite začetno paleto. Obdržite barve, ki so vam všeč, uredite ostale, preverite par besedila in ozadja ter izvozite PNG, SVG, CSS ali JSON.

Slika nudi posamezne barvne vzorce in paleto, ki jo je mogoče izpopolniti in izvoziti.
HITRA VIDEO VADNICA How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. Angleška pripoved Oglejte si videoposnetek

How to pick an image color and export a palette

Funkcije in nadzor

Izberite slikovno piko s povečanim pogledom

Kliknite ali tapnite sliko, da pregledate barvo, nato kopirajte njeno kodo.

Natančno pozicioniranje in omejitve predogleda

Povečevalo vam pomaga ciljati na majhne podrobnosti. Izostrite sliko in uporabite puščične tipke za premik za eno slikovno piko, Shift in puščico za premik za deset, ter Enter za izbiro. HEX, RGB in HSL imajo posamezne gumbe za kopiranje. Viri, ki jih brskalnik lahko dekodira, se vzorčijo v brskalniku sRGB. Ko se namesto tega uporabi normaliziran predogled, njegova oznaka identificira barve in koordinate kot približne.

Izvlecite uporabno začetno paleto

Izberite 3 do 12 barv za izvlek in poskusite Dominantno ali Živahno.

Kako se ocenijo barve in odstotki

Dominantna daje prednost glavnim barvam slike. Živahna daje večji vpliv barvitim poudarkom. Izvleček vzorči omejeno sliko, združi podobne barve in vrne do zahtevanega števila; ploska slika jih lahko vsebuje manj. Popolnoma prozorne slikovne pike so izključene, delna prosojnost pa zmanjša težo slikovne pike. Odstotki opisujejo približne vzorčene skupine, ne natančnega štetja vsake izvirne slikovne pike. Samodejni izvlek naloži sliko na strežnik.

Obdržite, zamenjajte in prerazporedite svoje barve

Zaklenite uporabne vzorce, uredite njihove vrednosti HEX ali dodajte izbrano oziroma barvo po meri.

Izpopolnjevanje palete pred izvozom

Izberite vzorec, da uredite njegovo barvo, ga premaknete levo ali desno ali odstranite. Zaklepanje ohrani izbrano barvo, ko uporabite Osveži paleto ali spremenite nastavitve izvlečka. Dodaj v paleto uporabi vzorčeno barvo RGB; Dodaj barvo po meri vam omogoča vnos vrednosti HEX. Paleta lahko vsebuje 1 do 12 barv za izvoz. Izbrane, urejene in obdržane zaklenjene barve ne prejmejo izmišljenih odstotkov slike.

Razumevanje prozornih slikovnih pik

Pod Vzorčenje izberite Izvorna barva ali Sestavi čez ozadje.

Izvorna prosojnost in izvožene barve

Izvorna barva poroča o izbrani slikovni piki in njeni prosojnosti v kopirani kodi. Sestavi čez ozadje prikazuje njen videz po mešanju z Vzorčnim ozadjem. Barve palete in izvozi so neprozorne vrednosti RGB, zato dodajanje prosojne izvorne barve ne ohrani njenega alfa kanala. Način vzorčenja spremeni pregledano barvo; ne prebarva izvorne slike in ne spremeni samodejnega izvlečka.

Preverite par besedila in ozadja

Uporabite Preveri barvni kontrast za primerjavo dveh barv.

Kaj zajema rezultat kontrasta

Z barvnimi kontrolniki izberite Besedilo in Ozadje, vnesite vrednosti HEX ali uporabite izbrano barvo. Predogled prikazuje razmerje kontrasta in ločene rezultate Normal AA, Normal AAA, Large AA in Large AAA za besedilo. To preveri samo izbran barvni par. Ne revidira celotne strani, ne upošteva vsake slike v ozadju in ne potrjuje, da je celoten dizajn dostopen.

Izvozite barve za naslednji korak

Shranite sliko palete, vektorske vzorce, spremenljivke CSS ali strukturirane barvne podatke.

PNG, SVG, CSS in JSON

PNG ustvari označeno kartico palete. SVG ohrani vzorce in oznake kot vektorsko vsebino. CSS izvozi oštevilčene spremenljivke, kot je --color-1. JSON vsebuje vrednosti HEX, RGB in HSL. Izberite Shrani kot in nato Začni, da ustvarite eno datoteko z imenom paleta z izbrano končnico. Kopiranje barve ali celotne palete HEX je lahko hitrejše, ko potrebujete le vrednosti.

Datoteke in obdelava

Vhod
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC in HEIF
Izhod
Ena paleta PNG, SVG, CSS ali JSON

25 MB največ na datoteko. Ena vhodna datoteka na izvedbo.

Ena izvorna slika do 60 milijonov slikovnih pik. Vzorčenje ekstrakcije največ 512 slikovnih pik na rob, prezre popolnoma prozorne slikovne pike in lahko vrne manj barv, kot je zahtevano. Izvoz podpira od 1 do 12 neprosojnih barv palete. Animirani ali večslikovni viri uporabijo svoj prvi mirujoči okvir.

Slika se samodejno naloži za ekstrakcijo palete in ponovno naloži za končni izvoz. Izbiranje slikovnih pik in ročno urejanje palete potekata v brskalniku. Format, ki ga brskalnik ne more dekodirati, morda potrebuje tudi predogled na strežniku. To orodje uporablja običajno obdelavo barv, ne umetne inteligence.

Datoteke se obdelujejo na strežniku. Priprava predogleda lahko prav tako naloži datoteko, kadar dekodiranje v brskalniku ni na voljo ali je potreben predogled dokumenta. Prenosi s strežnika so v vaši seji na voljo do dve uri.

Za rezultat slike uporabite Nadaljuj pod rezultati prenosa, da izberete združljiv naslednji korak. Izberete lahko, katere slike želite prenesti; naslednje orodje se začne s svojimi nastavitvami.

Osvežitev urejevalnika ali strani za prenos vas vrne na stran orodja. Pred začetkom novega delovnega procesa prenesite rezultat. Oglejte si naše Politika zasebnosti za obravnavo datotek.

Pogosta vprašanja

Dobro je vedeti.

Nekaj odgovorov, preden začnete.

Začasna obdelava na strežniku
Ali lahko iz slike dobim HEX, RGB in HSL?

Da. Izberite slikovno piko in uporabite gumb za kopiranje poleg vrednosti, ki jo potrebujete. Izbirnik prikaže prosojnost, ko je pomembna; neprozorni izvozi palete vsebujejo barve RGB.

Kakšna je razlika med Dominantno in Živahno?

Dominantna poudarja pogoste barve slike. Živahna daje večji vpliv barvitim poudarkom. Oboje sta vzorčeni približek in nobeden ne obljublja samodejnega iskanja določene barve blagovne znamke.

Zakaj zahteva po šestih barvah vrne manj barv?

Vir ima lahko manj različnih vidnih barv. Izvleček vrne razpoložljive skupine namesto izmišljanja podvojenih vzorcev za zapolnitev zahtevanega števila.

Ali lahko obdržim barvo med osveževanjem palete?

Da. Izberite njen vzorec in uporabite Zakleni barvo. Pred izvozom lahko dodate tudi vrednost HEX po meri, prerazporedite vzorce ali odstranite barve.

Ali vse ostane v mojem brskalniku?

Ne. Izbiranje slikovnih pik in urejanje palete potekata v brskalniku, vendar samodejni izvlek in končni izvoz naložita vir na strežnik. Nekateri vhodni formati potrebujejo tudi predogled, ki ga ustvari strežnik.

Oglasi

Jezik38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Izberite jezik. Video vadnice trenutno uporabljajo angleško pripoved.