Paleta z obrázka

Ako získať farebnú paletu z obrázka

1. Presuň obrázok do plochy na nahranie alebo na ňu klikni a vyber súbor. Funguje JPG, PNG, WebP, GIF a ľubovoľný iný formát, ktorý tvoj prehliadač zobrazí.
2. Nástroj obrázok hneď analyzuje a zobrazí jeho Dominantné farby, zoradené od najviac po najmenej zastúpenej.
3. Uprav Počet farieb (3 až 12), aby bola paleta širšia alebo užšia. Zruš začiarknutie Ignorovať biele a takmer biele pixely, ak je biela dôležitou farbou tvojho obrázka, napríklad biely výrobok alebo sneh.
4. Jednu farbu skopíruješ tlačidlom Kopírovať pod jej vzorkou, alebo vyber formát v Exportovať ako (Zoznam HEX, Premenné CSS, Premenné SCSS, Pole JSON alebo Farby Tailwind) a klikni na Kopírovať alebo Stiahnuť pre celú paletu. Získať farby spustí analýzu znova.

Tvoj obrázok číta lokálne tvoj prehliadač. Nikdy sa nenahráva na server. Tvoje súbory zostávajú na tvojom zariadení: nikdy sa nenahrávajú.

Ako sa nachádzajú dominantné farby

Obrázok sa najprv vykreslí na neviditeľné plátno, zmenšené tak, aby jeho dlhšia strana mala najviac 512 pixelov. Analýza tak ostane rýchla bez zmeny celkových farieb. Pixely sa potom zoskupia kvantizačným algoritmom (upravený median cut z open-source knižnice Color Thief) pracujúcim vo farebnom priestore OKLCH, takže farby, ktoré oku pripadajú podobné, skončia v rovnakej skupine.

Každá skupina sa stane jednou farbou palety a percento pod každou vzorkou je jej podiel na vzorkovaných pixeloch. Pruh nad vzorkami ukazuje tieto pomery na prvý pohľad. Priehľadné pixely sa preskakujú a rovnako biele a takmer biele pixely, kým je voľba zapnutá, pretože jednofarebné biele pozadia by inak ovládli väčšinu fotografií výrobkov a snímok obrazovky.

Každá vzorka zobrazuje svoj kód HEX čiernou alebo bielou, podľa lepšej čitateľnosti, takže popisok zostáva čitateľný na svetlých aj tmavých farbách.

Nápady na využitie palety z obrázka

• Branding a webdizajn: vytvor tému webu z hlavnej fotografie alebo loga, aby rozhranie ladilo s obrázkom.
• Prezentácie a sociálne siete: vyber farby textu a pozadia, ktoré sedia k titulnému obrázku.
• Interiérový dizajn, móda a umenie: zachyť náladu fotografie, obrazu alebo vzorky látky.
• Vizualizácia dát: vezmi farby grafov z ilustrácie použitej v rovnakej správe.

Získané farby sú priemery mnohých pixelov, takže môžu vyzerať o niečo menej živo než najsýtejšie miesto na fotografii. Ak potrebuješ presnú farbu jedného konkrétneho pixelu, použi radšej výber farby z obrázka.