Nástroje95

VYTVOŘTE NĚCO SKVĚLÉHO

Výběr barev z obrázku.

Získejte HEX, RGB a HSL barvy z obrázku. Extrahujte a upravte paletu, zkontrolujte kontrast textu, poté zkopírujte barvy nebo exportujte PNG, SVG, CSS nebo JSON.

Reklamy
Váš pracovní prostor pro obrázky
Dočasné zpracování na serveru
nebo přetáhněte sem
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
Pro začátek vyberte obrázek.OBRÁZEK
Reklamy
Blog Jak vybrat barvy obrázku a vytvořit paletu Přečíst příručku

Vyberte barvy obrázku a vytvořte paletu, kterou můžete použít

Zkontrolujte pixel, zkopírujte jeho hodnotu HEX, RGB nebo HSL a extrahujte počáteční paletu z fotografie. Ponechte si barvy, které se vám líbí, zbytek upravte, zkontrolujte pár textu a pozadí a exportujte PNG, SVG, CSS nebo JSON.

Obrázek poskytuje jednotlivé vzorky barev a paletu, kterou lze upřesnit a exportovat.
RYCHLÝ 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ář Podívat se na video

How to pick an image color and export a palette

Funkce a ovládací prvky

Vyberte pixel pomocí zvětšeného náhledu

Klikněte nebo klepněte na obrázek pro kontrolu barvy a poté zkopírujte její kód.

Přesné umístění a omezení náhledu

Lupa vám pomůže zaměřit se na malé detaily. Zaostřete obrázek a použijte klávesy se šipkami pro pohyb o jeden pixel, Shift plus šipka pro pohyb o deset a Enter pro výběr. HEX, RGB a HSL mají samostatná tlačítka pro kopírování. Zdroje dekódovatelné prohlížečem jsou vzorkovány v prohlížeči sRGB. Pokud je místo toho použit normalizovaný náhled, jeho štítek identifikuje barvy a souřadnice jako přibližné.

Extrahujte užitečnou počáteční paletu

Zvolte 3 až 12 barev k extrakci a vyzkoušejte Dominantní nebo Živé.

Jak se odhadují barvy a procenta

Dominantní upřednostňuje hlavní barvy obrázku. Živé dává větší vliv barevným akcentům. Extrakce vzorkuje ohraničený obrázek, seskupuje podobné barvy a vrací až požadovaný počet; plochý obrázek může obsahovat méně. Plně průhledné pixely jsou vyloučeny a částečná průhlednost snižuje váhu pixelu. Procenta popisují přibližné vzorkované skupiny, nikoli přesný počet každého původního pixelu. Automatická extrakce nahraje obrázek na server.

Ponechte, nahraďte a přeuspořádejte své barvy

Uzamkněte užitečné vzorky, upravte jejich hodnoty HEX nebo přidejte vybranou či vlastní barvu.

Upřesnění palety před exportem

Vyberte vzorek pro úpravu jeho barvy, přesuňte jej doleva nebo doprava, nebo jej odstraňte. Zámek zachová vybranou barvu, když použijete Obnovit paletu nebo změníte nastavení extrakce. Přidat do palety použije vzorkovanou barvu RGB; Přidat vlastní barvu vám umožní zadat hodnotu HEX. Paleta může obsahovat 1 až 12 barev pro export. Vybrané, upravené a ponechané uzamčené barvy nedostávají žádná uměle vytvořená procenta obrázku.

Pochopení průhledných pixelů

V části Vzorkování zvolte Zdrojová barva nebo Složit přes pozadí.

Zdrojová průhlednost a exportované barvy

Zdrojová barva uvádí vybraný pixel a jeho průhlednost ve zkopírovaném kódu. Složit přes pozadí ukazuje jeho vzhled po smíchání s Vzorkovat pozadí. Barvy palety a exporty jsou neprůhledné hodnoty RGB, takže přidání průsvitné zdrojové barvy nezachová její alfa kanál. Režim vzorkování mění kontrolovanou barvu; nepřebarvuje zdrojový obrázek ani nemění automatickou extrakci.

Zkontrolujte pár textu a pozadí

Použijte Zkontrolovat kontrast barev pro porovnání dvou barev.

Co pokrývá výsledek kontrastu

Zvolte Text a Pozadí pomocí ovládacích prvků barev, zadejte hodnoty HEX nebo použijte vybranou barvu. Náhled zobrazuje poměr kontrastu a samostatné výsledky Normální AA, Normální AAA, Velké AA a Velké AAA pro text. Toto kontroluje pouze vybraný pár barev. Neaudituje celou stránku, nezohledňuje každý obrázek na pozadí ani nepotvrzuje, že kompletní design je přístupný.

Exportujte barvy pro další krok

Uložte obrázek palety, vektorové vzorky, proměnné CSS nebo strukturovaná barevná data.

PNG, SVG, CSS a JSON

PNG vytvoří kartu s označenou paletou. SVG zachová vzorky a štítky jako vektorový obsah. CSS exportuje číslované proměnné, jako je --color-1. JSON obsahuje hodnoty HEX, RGB a HSL. Vyberte Uložit jako a poté Start pro vytvoření jednoho souboru s názvem paleta s vybranou příponou. Kopírování barvy nebo celé palety HEX může být rychlejší, když potřebujete pouze hodnoty.

Soubory a zpracování

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

Maximálně 25 MB na soubor. Jeden vstupní soubor na běh.

Jeden zdrojový obrázek do 60 megapixelů. Vzorky extrakce mají maximálně 512 pixelů na hranu, ignorují plně průhledné pixely a mohou vrátit méně barev, než bylo požadováno. Export podporuje 1 až 12 neprůhledných barev palety. Animované nebo víceobrázkové zdroje využijí svůj první statický snímek.

Obrázek se automaticky nahraje pro extrakci palety a znovu nahraje pro finální export. Výběr pixelů a ruční úpravy palety probíhají v prohlížeči. Formát, který prohlížeč nedokáže dekódovat, může vyžadovat náhled ze serveru. Tento nástroj používá běžné zpracování barev, nikoliv AI.

Soubory jsou zpracovávány na serveru. Příprava náhledu může také nahrát soubor, pokud není k dispozici dekódování v prohlížeči nebo je vyžadován náhled dokumentu. Stažení ze serveru jsou pro vaši relaci dostupná po dobu až dvou hodin.

Pro výsledek obrázku použijte Pokračovat pod výsledky stahování a vyberte kompatibilní další krok. Můžete vybrat, které obrázky se mají přenést; další nástroj začne s vlastním nastavením.

Obnovení editoru nebo stránky ke stažení vás vrátí na stránku nástroje. Před zahájením nového pracovního postupu si výsledek stáhněte. Podívejte se na naše Zásady ochrany osobních údajů pro nakládání se soubory.

FAQ

Dobré vědět.

Pár odpovědí, než začnete.

Dočasné zpracování na serveru
Mohu získat HEX, RGB a HSL z obrázku?

Ano. Vyberte pixel a použijte tlačítko kopírování vedle hodnoty, kterou potřebujete. Výběr zobrazuje průhlednost, je-li relevantní; neprůhledné exporty palety obsahují barvy RGB.

Jaký je rozdíl mezi Dominantní a Živou?

Dominantní zdůrazňuje běžné barvy obrázku. Živá dává větší vliv barevným akcentům. Obě jsou vzorkované aproximace a ani jedna neslibuje automatické nalezení konkrétní značkové barvy.

Proč požadavek na šest barev vrací méně barev?

Zdroj může mít méně odlišných viditelných barev. Extraktor vrací dostupné skupiny místo vymýšlení duplicitních vzorků pro naplnění požadovaného počtu.

Mohu si ponechat barvu při obnovování palety?

Ano. Vyberte její vzorek a použijte Uzamknout barvu. Můžete také přidat vlastní hodnotu HEX, přeuspořádat vzorky nebo odstranit barvy před exportem.

Zůstává vše v mém prohlížeči?

Ne. Výběr pixelů a úpravy palety probíhají v prohlížeči, ale automatická extrakce a finální export nahrají zdroj na server. Některé vstupní formáty také potřebují náhled vygenerovaný serverem.

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 jazyk. Video tutoriály aktuálně využívají anglický komentář.