Nástroje95

VYTVORTE NIEČO SKVELÉ

Výber farieb z obrázka.

Vyberte HEX, RGB a HSL farby z obrázka. Extrahujte a upravte paletu, skontrolujte kontrast textu, potom skopírujte farby alebo exportujte PNG, SVG, CSS alebo JSON.

Reklamy
Váš pracovný priestor pre obrázky
Dočasné spracovanie na serveri
alebo presuňte sem
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Vyberte svoj obrázok pre začiatok.OBRÁZOK
Reklamy
Blog Ako vybrať farby obrázka a vytvoriť paletu Prečítať príručku

Vyberte farby obrázka a vytvorte paletu, ktorú môžete použiť

Skontrolujte pixel, skopírujte jeho hodnotu HEX, RGB alebo HSL a extrahujte počiatočnú paletu z fotografie. Ponechajte si farby, ktoré sa vám páčia, ostatné upravte, skontrolujte pár textu a pozadia a exportujte PNG, SVG, CSS alebo JSON.

Obrázok poskytuje jednotlivé vzorky farieb a paletu, ktorú možno spresniť a exportovať.
RÝCHLY VIDEO NÁVOD 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. Anglický komentár Pozrieť si video

How to pick an image color and export a palette

Funkcie a ovládacie prvky

Vyberte pixel pomocou zväčšeného zobrazenia

Kliknite alebo klepnite na obrázok, aby ste skontrolovali farbu, a potom skopírujte jej kód.

Presné umiestnenie a obmedzenia náhľadu

Lupa vám pomôže zamerať sa na malé detaily. Zaostrite obrázok a pomocou klávesov so šípkami sa posuňte o jeden pixel, Shift plus šípka pre posun o desať a Enter pre výber. HEX, RGB a HSL majú samostatné tlačidlá na kopírovanie. Zdroje dekódovateľné prehliadačom sa vzorkujú v prehliadači sRGB. Keď sa namiesto toho použije normalizovaný náhľad, jeho štítok identifikuje farby a súradnice ako približné.

Extrahujte užitočnú počiatočnú paletu

Vyberte 3 až 12 farieb na extrakciu a vyskúšajte Dominantné alebo Živé.

Ako sa odhadujú farby a percentá

Dominantné uprednostňuje hlavné farby obrázka. Živé dáva väčší vplyv farebným akcentom. Extrakcia vzorkuje ohraničený obrázok, zoskupuje podobné farby a vráti až požadovaný počet; plochý obrázok môže obsahovať menej. Plne priehľadné pixely sú vylúčené a čiastočná nepriehľadnosť znižuje váhu pixelu. Percentá opisujú približné vzorkované skupiny, nie presný počet každého pôvodného pixelu. Automatická extrakcia nahrá obrázok na server.

Ponechajte, nahraďte a zmeňte poradie svojich farieb

Uzamknite užitočné vzorky, upravte ich hodnoty HEX alebo pridajte vybranú či vlastnú farbu.

Spresnenie palety pred exportom

Vyberte vzorku na úpravu jej farby, posuňte ju doľava alebo doprava, alebo ju odstráňte. Uzamknutie zachová zvolenú farbu, keď použijete Obnoviť paletu alebo zmeníte nastavenia extrakcie. Pridať do palety použije vzorkovanú farbu RGB; Pridať vlastnú farbu vám umožní zadať hodnotu HEX. Paleta môže obsahovať 1 až 12 farieb na export. Vybrané, upravené a ponechané uzamknuté farby nedostávajú vymyslené percentá obrázka.

Pochopenie priehľadných pixelov

V časti Vzorkovanie vyberte Zdrojová farba alebo Kompozícia cez pozadie.

Zdrojová nepriehľadnosť a exportované farby

Zdrojová farba uvádza vybraný pixel a jeho nepriehľadnosť v skopírovanom kóde. Kompozícia cez pozadie zobrazuje svoj vzhľad po zmiešaní s Vzorkou pozadia. Farby palety a exporty sú nepriehľadné hodnoty RGB, takže pridanie priesvitnej zdrojovej farby nezachová jej alfa kanál. Režim vzorkovania mení kontrolovanú farbu; neprefarbuje zdrojový obrázok ani nemení automatickú extrakciu.

Skontrolujte pár textu a pozadia

Použite Skontrolovať kontrast farieb na porovnanie dvoch farieb.

Čo pokrýva výsledok kontrastu

Vyberte Text a Pozadie pomocou ovládacích prvkov farieb, zadajte hodnoty HEX alebo použite vybranú farbu. Náhľad zobrazuje kontrastný pomer a samostatné výsledky Normálna AA, Normálna AAA, Veľká AA a Veľká AAA pre text. Toto kontroluje iba vybraný pár farieb. Neaudituje celú stránku, nezohľadňuje každý obrázok na pozadí ani nepotvrdzuje, že kompletný dizajn je prístupný.

Exportujte farby pre ďalší krok

Uložte obrázok palety, vektorové vzorky, premenné CSS alebo štruktúrované údaje o farbách.

PNG, SVG, CSS a JSON

PNG vytvorí kartu s označenou paletou. SVG zachová vzorky a štítky ako vektorový obsah. CSS exportuje číslované premenné, ako napríklad --color-1. JSON obsahuje hodnoty HEX, RGB a HSL. Vyberte Uložiť ako a potom Štart na vytvorenie jedného súboru s názvom paleta so zvolenou príponou. Kopírovanie farby alebo celej palety HEX môže byť rýchlejšie, keď potrebujete iba hodnoty.

Súbory a spracovanie

Vstup
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC a HEIF
Výstup
Jedna paleta PNG, SVG, CSS alebo JSON

Maximálne 25 MB na súbor. Jeden vstupný súbor na spustenie.

Jeden zdrojový obrázok do 60 megapixelov. Extrakcia vzorkuje najviac 512 pixelov na hranu, ignoruje plne priehľadné pixely a môže vrátiť menej farieb, než bolo požadované. Export podporuje 1 až 12 nepriehľadných farieb palety. Animované alebo viacobrázkové zdroje použijú svoju prvú statickú snímku.

Obrázok sa automaticky nahrá na extrakciu palety a znova nahrá na finálny export. Výber pixelov a manuálne úpravy palety prebiehajú v prehliadači. Formát, ktorý prehliadač nedokáže dekódovať, môže vyžadovať náhľad na serveri. Tento nástroj používa konvenčné spracovanie farieb, nie AI.

Súbory sa spracúvajú na serveri. Príprava náhľadu môže tiež nahrať súbor, keď dekódovanie v prehliadači nie je k dispozícii alebo je potrebný náhľad dokumentu. Súbory na stiahnutie zo servera sú dostupné pre vašu reláciu až dve hodiny.

Pre výsledný obrázok použite Pokračovať pod výsledkami sťahovania a vyberte kompatibilný ďalší krok. Môžete si vybrať, ktoré obrázky sa majú preniesť; ďalší nástroj začína s vlastnými nastaveniami.

Obnovenie editora alebo stránky na stiahnutie vás vráti na stránku nástroja. Pred začatím nového pracovného postupu si stiahnite výsledok. Pozrite si naše Zásady ochrany osobných údajov pre prácu so súbormi.

FAQ

Dobré vedieť.

Pár odpovedí predtým, než začnete.

Dočasné spracovanie na serveri
Môžem získať HEX, RGB a HSL z obrázka?

Áno. Vyberte pixel a použite tlačidlo kopírovania vedľa hodnoty, ktorú potrebujete. Výber zobrazuje nepriehľadnosť, keď je to relevantné; nepriehľadné exporty palety obsahujú farby RGB.

Aký je rozdiel medzi Dominantným a Živým?

Dominantné zdôrazňuje bežné farby obrázka. Živé dáva väčší vplyv farebným akcentom. Obe sú vzorkované aproximácie a ani jedna nesľubuje automatické nájdenie konkrétnej značkovej farby.

Prečo požiadavka na šesť farieb vráti menej farieb?

Zdroj môže mať menej odlišných viditeľných farieb. Extraktor vráti dostupné skupiny namiesto vymýšľania duplicitných vzoriek na vyplnenie požadovaného počtu.

Môžem si ponechať farbu pri obnovovaní palety?

Áno. Vyberte jej vzorku a použite Uzamknúť farbu. Pred exportom môžete tiež pridať vlastnú hodnotu HEX, zmeniť poradie vzoriek alebo odstrániť farby.

Zostáva všetko v mojom prehliadači?

Nie. Výber pixelov a úpravy palety prebiehajú v prehliadači, ale automatická extrakcia a finálny export nahrajú zdroj na server. Niektoré vstupné formáty tiež potrebujú náhľad vygenerovaný serverom.

Reklamy

Jazyk38

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

Vyberte svoj jazyk. Videonávody momentálne používajú anglický komentár.