Палета на бои од слика

Како да извлечете палета на бои од слика

1. Спуштете слика во површината за качување или кликнете за да изберете датотека. Работат JPG, PNG, WebP, GIF и секој друг формат што вашиот прелистувач може да го прикаже.
2. Алатката веднаш ја анализира сликата и ги прикажува нејзините Доминантни бои, подредени од најприсутната до најмалку присутната.
3. Прилагодете Број на бои (3 до 12) за пошироко или потесно палета. Отштиклирајте Игнорирај бели и скоро бели пиксели ако белата е важна боја на вашата слика, на пример бел производ или снег.
4. Копирајте една боја со копчето Копирај под нејзиниот примерок или изберете формат во Извези како (Листа HEX, CSS променливи, SCSS променливи, JSON низа или Tailwind бои) и кликнете Копирај или Преземи за целата палета. Извлечи бои ја извршува анализата повторно.

Вашата слика се чита локално од вашиот прелистувач. Никогаш не се качува на сервер.

Како се наоѓаат доминантните бои

Сликата најпрво се црта на невидлив canvas, намалена така што нејзината најдолга страна е најмногу 512 пиксели. Тоа ја држи анализата брза без да ги менува вкупните бои. Пикселите потоа се групираат со алгоритам за квантизација (изменет median cut, од библиотеката со отворен код Color Thief) што работи во просторот на бои OKLCH, па боите што изгледаат слично на окото завршуваат во иста група.

Секоја група станува една боја од палетата, а процентот под секој примерок е нејзиниот удел во земените пиксели. Лентата над примероците ги покажува овие пропорции на прв поглед. Провидните пиксели се прескокнуваат, исто како белите и скоро белите додека опцијата е штиклирана, бидејќи обичните бели позадини инаку би доминирале кај повеќето фотографии на производи и слики од екранот.

Секој примерок го прикажува својот HEX код во црно или бело, зависно од тоа што се чита подобро, па ознаката останува читлива и на светли и на темни бои.

Идеи за користење на палета од слика

• Брендирање и веб-дизајн: изградете тема на веб-страница од главна фотографија или лого за интерфејсот да одговара на сликата.
• Презентации и социјални мрежи: изберете бои на текст и позадина што одговараат на насловна слика.
• Внатрешен дизајн, мода и уметност: доловете го расположението на фотографија, слика или примерок од ткаенина.
• Визуелизација на податоци: земете бои за графикони од илустрација користена во истиот извештај.

Извлечените бои се просеци од многу пиксели, па може да изгледаат малку помалку живи од најзаситеното место на фотографијата. Ако ви треба точната боја на еден конкретен пиксел, користете избирач на боја од слика.