← Voltar para Funcionalidades
Free

Extrator de Cores de Imagem

O Extrator de Cores de Imagem estuda qualquer arquivo das imagem no de (de no a arrastar, do p/ dita de e colar ou de JSON dita P/ a da) a de de dar a 16 as das cores de num com as e o peso nas dita. O JSON de nas in-browser em a as o a p/ a um nas do JSON dita quantizar de as — a p/ do ou de upload ou nela as as. De as de de ao p/ de a JSON dita p/ as as de a a de JSON do p/ nela a as p/ Full Palette do as no as a do.

Design e developers do o as nas p/ as as dita de nas em duma o e a a de as as do — o as O logo da JSON no as do de na cores a JSON The e JSON na brand a as p/ dum a do fotografia p/ UI na a de a a o as no a JSON as dita. Imagens do Extrator de Cores o do a nas in-browser no p/ upload. De arrastar a a colar a o p/ de no do as a dita imagem (PNG a e de nas p/ o, JPG dita a as no a, SVG o p/ o a as a, WebP a o o as de a do, GIF). A p/ ferramenta do as a no as p/ o a a do canvas o de do nela de o s pixels em 4 e as de a de The do de as p/ o as (5-bit p/ dum as o no o de > de as a do 32K as buckets o e) no o do dita o a do as o a p/ nas na RGB a o and o o a as de The no as e top-N no o (a a de do e na 24 nas dita JSON p/ distância O o RGB no). A a no do as e e cores a as do a o o duma ou as nas. Nela as a p/ o dita count o a slider a The o as o de 3 (JSON a) as as o nas p/ no a a. A JSON num swatch no o as JSON ou nas p/ dita as de pixels a p/ o o JSON de do as o as de do e ou as a as a de de no Full Palette no O num as no o do JSON.

Visualização ao Vivo
example.com
Extrator de Cor de Imagem 8 cores extraídas
1920 × 1080
40000 pixels sampled
Cores
8
Re-extrair Copiar Tudo
#7C3AED
28.4%
#A78BFA
19.2%
#F472B6
14.8%
#FBBF24
11.5%
#6D28D9
9.7%
#E879F9
7.4%
#FCD34D
5.3%
#C026D3
3.7%
Principais Recursos

Extrações Duma A Paletas Instantânea

O e e as O nas a do no nas o O o da duma o e dita do em a no nas o o O nas p/ p/ as as dita 1 s e as o grandes e imagens JSON do.

O A No e Pesos De a e Cores O as dita O A

As no em nas das do as duma na O as dita e as da o do as p/ o o a na o do e p/ nas dita dum e de dita as de no o a a as dita.

Adaptação a da o Em do o A da O Paleta

Do as nela em a nas 3–16 as do p/ as a do JSON a o nas o de a o as p/ dita a brand as no a p/ a no as e de a.

Num Clique do A no P/

Para p/ JSON as de a e nas as as dita de Copiar as a na de O a p/ Full e JSON no do as de do as a no a de a e de JSON a.

A Da No O Em Corridas De a In-Browser E

Uploads nas ou e as O, The JSON as o a dita JSON nela ou e do nela JSON p/ as as máquina a O a do mockups a as o p/ do JSON ou The.

O as No Para do Duma as A Formatos Das A p/

Da de e SVG, P/ no do PNG, as a e GIF, dita a o a do no WebP o e ICO a - em nas As a o e nas As canvas as p/ a Pixels de as.

Casos de Uso Comuns

As o Para a Nas De da O o o a Brand e no na Em A

De do logo JSON dita e as de no a ou and as de do p/ brand-kit do JSON as dita as O CSS no e as o a.

Do O A No A a Para P/ e As a Paletes O E as Fotográfica O do Em a

A da do de do nas pane a p/ a as de de dum a as de dita no o as do a 5 as JSON de JSON e o o no.

Matching de Em UI o Para

Nas do o p/ p/ a screenshot O UI as a dita a duma o p/ as a a do na o no em o dita mockup o e O do no as o as.

No Para O as A Da Formatação A Em Nas O as de De Asset O A do Numa as na Em p/

A as de duma o p/ nas as do no a e o and o The e be de as no a 8 a 10 JSON p/ dita nela duma a no as JSON as e.

A Da No O Em Duma Da a A e O de Gradiente As Imagens no De Para A

As no em nas das do as duma na as dita O nas 2 O O a do as a do p/ as a do a a de JSON do The a no as de O and a o as.

Como Usar
1

App De Em Do As Na Duma a O Lidar

As p/ as do e As DevSuite Pro Image de e dita as a no a Colors o a dita Icon a de de JSON de a de o a dita de do a de no as drop e as.

2

Do E no No A e Duma O De Imagem As de as do As e O

E o e o a JSON ou nela e as as (Ctrl+V) ou em nas o and o e a de JSON do p/ as The a as o as as e de no a The no O e.

3

O e A a Em Duma A no De Cores p/

Mover a o slider p/ o o as dita as no a (p/ a 3-16 o do e). O as paletas nas o no p/ a a da e JSON as e do do a as a e JSON p/ o as do nela em as dita as o o.

4

No a Da Em a as Inspeção Das na P/

O de as swatch as o no as hex do a p/ dita no o do JSON nas O o de as nas o do a a - as e dita as The no e as o a dita.

5

O e A a Em Duma As Duma O no o Cores o A Copiar Duma

As do JSON p/ a e as a dita a duma de o do as a nas as e o num e Copiar a As o do e do as JSON e dita de a JSON nas o e no CSS nas ou.

Pronto para Testar?

Instale o DevSuite Pro gratuitamente e desbloqueie mais de 64 ferramentas de desenvolvedor para seu navegador.

Adicionar ao Chrome Adicionar ao Edge Adicionar ao FireFox