Como posso descobrir quais cores RGB um site usa?

De acordo com a resposta de thebodzio , há muitas maneiras de obter essa cor. Não importa qual navegador você use, haverá algum tipo de complemento de seletor de cores que você pode obter. Alternativamente, você pode tirar uma captura de tela e abri-la no photoshop. Outra maneira é abrir as ferramentas do desenvolvedor e olhar a folha de estilo do site. No Chrome, você pode clicar com o botão direito do mouse no fundo e clicar no elemento inspecionar, em seguida, procurar onde a cor do fundo está sendo especificada …

Para salvar problema, porém, a cor de fundo nesse site é # f9f9f9 – agora, se você não tem muita experiência com CSS, pode querer ir ao site, inspecionar a cor de fundo e ver se consegue descobrir de onde tirei isso 🙂

Quanto aos elementos da página (excluindo imagens), sua cor (em RGB, às vezes em HSL) pode ser determinado de várias maneiras diferentes. Uma das mais fáceis é usar quaisquer “ferramentas de desenvolvedor” disponíveis em quase todos os navegadores da web contemporâneos (Firefox, Chrome etc.). As cores nas imagens podem ser amostradas com qualquer editor de imagens com uma ferramenta como ” seletor de cores ”.

Dito isso… Não é suficiente apenas“ obter a cor RGB ”e convertê-la em, digamos, CMYK. O complicado é saber para qual RGB e CMYK você deseja converter e como deseja lidar com as cores fora da gama de destino. Sim, há mais de um RGB ou CMYK. Muitas vezes supõe-se silenciosamente que, quando nada é dito sobre a cor além de ser RGB, então é realmente uma cor sRGB.

De qualquer forma, recomendo fortemente para você dar uma olhada em algum material introdutório sobre gerenciamento de cores. http://www.cambridgeincolour.com/color-management-printing.htm é um dos melhores.

Existem duas maneiras de obter as cores de qualquer página da web, etc ….

1 ) Usando complementos do seletor de cores do navegador, por exemplo, ColorZilla

2) Faça uma captura de tela de sua página da web usando Botão Imprimir tela em seu teclado e cole essa imagem no Photoshop ou qualquer outro software de edição de imagem e escolha a cor a partir daí com a ferramenta de seleção de cores

Você também pode usar o complemento do navegador como Fireshot para fazer capturas de tela de toda a página da web e obter cores de qualquer lugar dessa página

C omentos

• ColorZilla é brilhante. Obrigado pela sugestão!

Se você estiver usando o Chrome, pode simplesmente pressionar F12 e mostrar a página elementos À direita estão os estilos de página que usam os códigos hexadecimais para cores. Estes, por sua vez, são traduzidos em cores RGB.

Por exemplo, se eu rolar para baixo um pouco na guia de estilos, posso ver que a cor de fundo da página é # f4f4f4. A cor RGB equivalente é: R: 244 G: 244 B: 244

Também mostra a imagem do padrão e me diz que é “uma repetição, etc. etc.

1. Existem alguns complementos de seleção de cores para todos os navegadores

2. Existem alguns sites que encontrarão as cores de seus website http://www.checkmycolours.com/

   http://html-color-codes.info

3. Faça uma captura de tela e abra no Photoshop ou Gimp, você pode escolher as cores

Eu sempre uso o Colorzilla para esse tipo de coisa. É “muito legal extensão que permite selecionar cores diretamente de qualquer página e fornece as cores em diferentes formatos.

Além disso, apenas como um bônus, há Dados de cores da web que fornece a paleta de cores usada em um determinado site.

Além do Chrome extensions / add-ons do Firefox, ColorCop é um aplicativo de desktop leve do Windows que faz a mesma coisa. Ele pode gerar valores RGB e hexadecimais das cores que você gostaria de obter usando uma ferramenta de amostragem.

Existe uma nova ferramenta “Conta-gotas” incluída no Firefox que permite apontar para um pixel, visualizar o valor hexadecimal da cor e copiá-lo para a área de transferência.

Existem várias maneiras de fazer isso, como fazer uma captura de tela usando o botão Imprimir tela e colá-lo no MS Paint (estou considerando o MS Paint como esse é o software padrão que qualquer pessoa terá se estiver trabalhando em uma máquina Windows) e use o Color Picker

Depois de fazer isso, clique na cor que deseja obter rgb valor .. e, em seguida, clique na opção Editar cores ..

E você obterá um modal com as informações das cores

Outra forma para conseguir isso é muito mais fácil do que a opção acima, é usar um plugin Color Picker, eu uso o Colorzilla para Firefox

Aqui, você obterá um seletor de cores simples na barra AddOn, você precisa clicar nele e você obterá um cursor em cruz, clique na cor da qual deseja obter as informações e obterá o seguinte …

A pequena ferramenta que gosto para descobrir cores se chama Pixie, de Nattyware.com. É gratuito, pequeno e muito simples. Usei durante anos. Funciona como um serviço; basta clicar em uma cor e uma janela se abrirá e informará hex, RGB, HTML, CMYK e HSV, além das coordenadas do mouse. Somente Windows.