Extensão Chrome: CSS Peeper – Visualizador Inteligente de CSS
Se você trabalha com construção de sites e lojas virtuais, não deixe de usar a extensão CSS Peeper do Chrome, um poderoso visualizador gratuito de CSS.
Instalação e Configuração
Clique no link e instale a extensão diretamente da Chrome Web Store. Após acessar a página da extensão, basta clicar no botão “Usar no Chrome” e concluir a instalação.
![Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 1 Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 1](https://www.ramirolobo.com/wp-content/uploads/2021/09/css-peeper-instalacao-2-1024x236.png)
Depois clique no ícone de “Extensões do Chrome” e fixe o CSS Peeper clicando no ícone indicado na imagem abaixo.
![Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 2 Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 2](https://www.ramirolobo.com/wp-content/uploads/2021/09/CSS-Peeper-Configuracao.png)
O ícone do CSS Peeper passará a ser exibido na barra superior do Chrome.
![Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 3 Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 3](https://www.ramirolobo.com/wp-content/uploads/2021/09/Blog-IMG-CSS-Peeper-Barra-Chorme.png)
Como usar?
Acesse o site desejado e clique no ícone do CSS Peeper.
![Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 4 Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 4](https://www.ramirolobo.com/wp-content/uploads/2021/09/css-peeper-fonts.jpg)
![Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 5 Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 5](https://www.ramirolobo.com/wp-content/uploads/2021/09/css-peeper-inspecionar.png)
![Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 6 Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 6](https://www.ramirolobo.com/wp-content/uploads/2021/09/CSS-Peeper-Icone-Cores.png)
A ferramenta irá exibir toda a paleta de cores da página do site, permitindo inclusive a exportação da paleta e a cópia da cor desejada com apenas um clique.
![Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 7 Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 7](https://www.ramirolobo.com/wp-content/uploads/2021/09/css-peeper-cores.png)
![Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 8 Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 8](https://www.ramirolobo.com/wp-content/uploads/2021/09/Blog-IMG-CSS-Peeper-Icone-Imagens.png)
Todas as imagens da página do site serão exibidas. Passe o mouse sobre a imagem desejada e clique na opção Export para baixar a imagem ou clique na opção Export All localizada no topo da janela da ferramenta, para baixar um zip com todas as imagens.
![Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 9 Extensão Chrome: CSS Peeper - Visualizador Inteligente de CSS 9](https://www.ramirolobo.com/wp-content/uploads/2021/09/css-peeper-imagens.jpg)
COMPARTILHE
Se você gostou deste artigo, ajude a compartilhar este conteúdo.