▼
▼
Passe o cursor sobre a cor para obter os códigos hex e decimal abaixo:
| Hex: # | |||
| Vermelho: | |||
| Verde: | |||
| Azul: |
Espaço de cor RGB ou Sistema de cores RGB, constrói todas as cores a partir da combinação das cores Vermelho, Verde e Azul ..
O vermelho, verde e azul usam 8 bits cada, com valores inteiros de 0 a 255. Isso gera 256*256*256 = 16.777.216 cores possíveis.
RGB ≡ Vermelho, Verde, Azul
Cada pixel em um monitor LED exibe cores dessa forma, combinando LEDs vermelhos, verdes e azuis.
Quando o pixel vermelho está definido como 0, o LED está desligado. Quando está em 255, o LED está totalmente ligado.
Qualquer valor entre eles define uma emissão parcial de luz.
O código RGB possui formato de 24 bits (bits 0..23)::
| VERMELHO[7:0] | VERDE[7:0] | AZUL[7:0] | |||||||||||||||||||||
| 23 | 16 | 15 | 8 | 7 | 0 | ||||||||||||||||||
Cores básicas:
| Cor | Nome HTML / CSS | Código Hex #RRGGBB |
Código Decimal (R,G,B) |
|---|---|---|---|
| Preto | #000000 | (0,0,0) | |
| Branco | #FFFFFF | (255,255,255) | |
| Lima | #FF0000 | (255,0,0) | |
| Lima | #00FF00 | (0,255,0) | |
| Azul | #0000FF | (0,0,255) | |
| Amarelo | #FFFF00 | (255,255,0) | |
| ciano | #00FFFF | (0,255,255) | |
| Magenta / Fúcsia | #FF00FF | (255,0,255) | |
| Prata | #C0C0C0 | (192,192,192) | |
| Cinza | #808080 | (128,128,128) | |
| Bordô | #800000 | (128,0,0) | |
| Oliva | #808000 | (128,128,0) | |
| Verde | #008000 | (0,128,0) | |
| Roxo | #800080 | (128,0,128) | |
| Verde‑azulado | #008080 | (0,128,128) | |
| Azul marinho | #000080 | (0,0,128) |
| Cor | Nome da Cor | Código Hex | Código Decimal | |
|---|---|---|---|---|
| Bordô | #800000 | (128,0,0) | ||
| vermelho escuro | #8B0000 | (139,0,0) | ||
| marrom | #A52A2A | (165,42,42) | ||
| tijolo | #B22222 | (178,34,34) | ||
| carmesim | #DC143C | (220,20,60) | ||
| tomate | #FF0000 | (255,0,0) | ||
| tomate | #FF6347 | (255,99,71) | ||
| coral | #FF7F50 | (255,127,80) | ||
| vermelho indiano | #CD5C5C | (205,92,92) | ||
| coral claro | #F08080 | (240,128,128) | ||
| salmão escuro | #E9967A | (233,150,122) | ||
| salmão | #FA8072 | (250,128,114) | ||
| salmão claro | #FFA07A | (255,160,122) | ||
| vermelho‑alaranjado | #FF4500 | (255,69,0) | ||
| laranja escuro | #FF8C00 | (255,140,0) | ||
| laranja | #FFA500 | (255,165,0) | ||
| ouro | #FFD700 | (255,215,0) | ||
| ouro escuro | #B8860B | (184,134,11) | ||
| ouro dourado | #DAA520 | (218,165,32) | ||
| ouro pálido | #EEE8AA | (238,232,170) | ||
| cáqui escuro | #BDB76B | (189,183,107) | ||
| cáqui | #F0E68C | (240,230,140) | ||
| Oliva | #808000 | (128,128,0) | ||
| Amarelo | #FFFF00 | (255,255,0) | ||
| amarelo‑esverdeado | #9ACD32 | (154,205,50) | ||
| verde oliva escuro | #556B2F | (85,107,47) | ||
| verde oliva | #6B8E23 | (107,142,35) | ||
| verde grama | #7CFC00 | (124,252,0) | ||
| chartreuse | #7FFF00 | (127,255,0) | ||
| verde‑amarelo | #ADFF2F | (173,255,47) | ||
| verde escuro | #006400 | (0,100,0) | ||
| Verde | #008000 | (0,128,0) | ||
| verde floresta | #228B22 | (34,139,34) | ||
| Lima | #00FF00 | (0,255,0) | ||
| verde lima | #32CD32 | (50,205,50) | ||
| verde claro | #90EE90 | (144,238,144) | ||
| verde pálido | #98FB98 | (152,251,152) | ||
| verde mar escuro | #8FBC8F | (143,188,143) | ||
| verde primavera médio | #00FA9A | (0,250,154) | ||
| verde primavera | #00FF7F | (0,255,127) | ||
| verde mar | #2E8B57 | (46,139,87) | ||
| água‑marinha média | #66CDAA | (102,205,170) | ||
| verde mar médio | #3CB371 | (60,179,113) | ||
| verde mar claro | #20B2AA | (32,178,170) | ||
| cinza ardósia escuro | #2F4F4F | (47,79,79) | ||
| Verde‑azulado | #008080 | (0,128,128) | ||
| ciano escuro | #008B8B | (0,139,139) | ||
| ciano | #00FFFF | (0,255,255) | ||
| ciano | #00FFFF | (0,255,255) | ||
| ciano claro | #E0FFFF | (224,255,255) | ||
| turquesa escura | #00CED1 | (0,206,209) | ||
| turquesa | #40E0D0 | (64,224,208) | ||
| turquesa média | #48D1CC | (72,209,204) | ||
| turquesa pálida | #AFEEEE | (175,238,238) | ||
| água‑marinha | #7FFFD4 | (127,255,212) | ||
| azul pó | #B0E0E6 | (176,224,230) | ||
| azul cadete | #5F9EA0 | (95,158,160) | ||
| azul aço | #4682B4 | (70,130,180) | ||
| azul centáurea | #6495ED | (100,149,237) | ||
| azul céu profundo | #00BFFF | (0,191,255) | ||
| azul dodger | #1E90FF | (30,144,255) | ||
| azul claro | #ADD8E6 | (173,216,230) | ||
| azul céu | #87CEEB | (135,206,235) | ||
| azul céu claro | #87CEFA | (135,206,250) | ||
| azul meia‑noite | #191970 | (25,25,112) | ||
| Azul marinho | #000080 | (0,0,128) | ||
| azul escuro | #00008B | (0,0,139) | ||
| azul médio | #0000CD | (0,0,205) | ||
| Azul | #0000FF | (0,0,255) | ||
| azul royal | #4169E1 | (65,105,225) | ||
| azul violeta | #8A2BE2 | (138,43,226) | ||
| índigo | #4B0082 | (75,0,130) | ||
| azul ardósia escuro | #483D8B | (72,61,139) | ||
| azul ardósia | #6A5ACD | (106,90,205) | ||
| azul ardósia médio | #7B68EE | (123,104,238) | ||
| roxo médio | #9370DB | (147,112,219) | ||
| magenta escura | #8B008B | (139,0,139) | ||
| violeta escuro | #9400D3 | (148,0,211) | ||
| orquídea escura | #9932CC | (153,50,204) | ||
| orquídea média | #BA55D3 | (186,85,211) | ||
| roxo | #800080 | (128,0,128) | ||
| cardo | #D8BFD8 | (216,191,216) | ||
| ameixa | #DDA0DD | (221,160,221) | ||
| violeta | #EE82EE | (238,130,238) | ||
| magenta | #FF00FF | (255,0,255) | ||
| orquídea | #DA70D6 | (218,112,214) | ||
| vermelho violeta médio | #C71585 | (199,21,133) | ||
| vermelho violeta pálido | #DB7093 | (219,112,147) | ||
| rosa profundo | #FF1493 | (255,20,147) | ||
| rosa quente | #FF69B4 | (255,105,180) | ||
| rosa claro | #FFB6C1 | (255,182,193) | ||
| rosa | #FFC0CB | (255,192,203) | ||
| branco antigo | #FAEBD7 | (250,235,215) | ||
| bege | #F5F5DC | (245,245,220) | ||
| bisque | #FFE4C4 | (255,228,196) | ||
| amêndoa branqueada | #FFEBCD | (255,235,205) | ||
| trigo | #F5DEB3 | (245,222,179) | ||
| seda de milho | #FFF8DC | (255,248,220) | ||
| chiffon de limão | #FFFACD | (255,250,205) | ||
| amarelo dourado claro | #FAFAD2 | (250,250,210) | ||
| amarelo claro | #FFFFE0 | (255,255,224) | ||
| marrom sela | #8B4513 | (139,69,19) | ||
| siena | #A0522D | (160,82,45) | ||
| chocolate | #D2691E | (210,105,30) | ||
| peru | #CD853F | (205,133,63) | ||
| marrom arenoso | #F4A460 | (244,164,96) | ||
| madeira robusta | #DEB887 | (222,184,135) | ||
| bronzeado | #D2B48C | (210,180,140) | ||
| marrom rosado | #BC8F8F | (188,143,143) | ||
| mocassim | #FFE4B5 | (255,228,181) | ||
| branco navajo | #FFDEAD | (255,222,173) | ||
| pêssego | #FFDAB9 | (255,218,185) | ||
| rosa enevoado | #FFE4E1 | (255,228,225) | ||
| lavanda rosada | #FFF0F5 | (255,240,245) | ||
| linho | #FAF0E6 | (250,240,230) | ||
| renda antiga | #FDF5E6 | (253,245,230) | ||
| mamão | #FFEFD5 | (255,239,213) | ||
| concha do mar | #FFF5EE | (255,245,238) | ||
| creme de menta | #F5FFFA | (245,255,250) | ||
| cinza ardósia | #708090 | (112,128,144) | ||
| cinza ardósia claro | #778899 | (119,136,153) | ||
| azul aço claro | #B0C4DE | (176,196,222) | ||
| lavanda | #E6E6FA | (230,230,250) | ||
| branco floral | #FFFAF0 | (255,250,240) | ||
| azul alice | #F0F8FF | (240,248,255) | ||
| branco fantasma | #F8F8FF | (248,248,255) | ||
| melada | #F0FFF0 | (240,255,240) | ||
| marfim | #FFFFF0 | (255,255,240) | ||
| azul celeste | #F0FFFF | (240,255,255) | ||
| neve | #FFFAFA | (255,250,250) | ||
| preto | #000000 | (0,0,0) | ||
| cinza fosco | #696969 | (105,105,105) | ||
| cinza / grey | #808080 | (128,128,128) | ||
| cinza escuro | #A9A9A9 | (169,169,169) |
Descubra cores instantaneamente: um poderoso localizador de cores RGB para designers, desenvolvedores e criadores | |
| Escolher a cor perfeita é uma das etapas mais importantes em Qualquer Projeto digital. Esteja você projetando um site, criando um logotipo, desenvolvendo uma interface de aplicativo ou simplesmente experimentando ideias visuais, a seleção de Cores desempenha um papel central na definição do resultado final. para tornar esse processo mais fácil, rápido e intuitivo, criamos uma ferramenta totalmente nova que permite encontrar a cor exata que você precisa usando o mouse ou inserindo manualmente os valores RGB. | |
| ✔ Esta ferramenta foi projetada para qualquer pessoa que trabalha regularmente com cores e deseja uma maneira simples, precisa e eficiente de converter valores RGB em uma visualização visual de cores e um código hexadecimal limpo. | |
| ✔ Nosso RGB Color Finder foi desenvolvido pensando na usabilidade. Oferece uma experiência suave e interativa que ajuda a explorar as cores visualmente ou numericamente, dependendo da sua preferência. Quer você seja um designer que prefere arrastar um controle deslizante para encontrar o tom perfeito ou um desenvolvedor que precisa digitar valores RGB precisos, esta ferramenta se adapta ao seu fluxo de trabalho. | |
| ✔ A interface é limpa, responsiva e otimizada para desktops e dispositivos móveis, garantindo que você possa usá-la onde quer que a inspiração surja. | |
| ✔ Um dos recursos mais poderosos desta ferramenta é a capacidade de ajustar a cor usando o mouse. Com um simples gesto de arrastar, você pode explorar todo o espectro de valores de vermelho, verde e azul. | |
| ✔ Esta abordagem visual é perfeita para usuários que desejam experimentar diferentes tons e combinações sem precisar saber antecipadamente os valores numéricos exatos. À medida que você move os controles deslizantes, a ferramenta atualiza instantaneamente a caixa de visualização, fornecendo feedback em tempo real sobre a cor que você está criando. | |
| ✔ Isso torna incrivelmente fácil ajustar tons, comparar variações e descobrir novas ideias de cores que você talvez não tenha considerado. | |
| ✔ Para usuários que preferem precisão, a ferramenta também permite inserir manualmente os três valores RGB. Isso é especialmente útil para desenvolvedores que trabalham com paletas de cores específicas, diretrizes de marca ou componentes de UI que exigem correspondência exata de cores. | |
| ✔ Basta digitar os valores de vermelho, verde e azul e a ferramenta exibirá imediatamente a cor correspondente junto com sua representação hexadecimal. Este sistema de entrada dupla garante que a ferramenta seja flexível o suficiente para suportar a exploração criativa e a precisão técnica. | |
| ✔ Outra vantagem importante desta ferramenta é a conversão automática de RGB para HEX. Muitos designers e desenvolvedores alternam frequentemente entre esses dois formatos, especialmente quando trabalham com CSS, software de design ou branding digital. Em vez de calcular manualmente o código hexadecimal ou procurar um conversor externo, nossa ferramenta faz o trabalho para você instantaneamente. Assim que você seleciona ou insere seus valores RGB, o código HEX aparece em formato maiúsculo, pronto para ser copiado e usado em seu projeto. | |
| ✔ Isso economiza tempo, reduz erros e agiliza seu fluxo de trabalho. | |
| ✔ Além de sua funcionalidade principal, o RGB Color Finder também foi projetado para ser educacional. Para iniciantes, fornece uma maneira simples de entender como os valores RGB se combinam para criar cores diferentes. Ajustando os controles deslizantes ou inserindo números, os usuários podem ver como aumentar ou diminuir cada componente afeta o resultado final. | |
| ✔ Isso torna a ferramenta um ótimo recurso para estudantes, amadores e qualquer pessoa que esteja aprendendo sobre a teoria das cores digitais. | |
| ✔ A ferramenta também é ideal para profissionais que precisam de um Seletor de cores confiável que funcione diretamente no navegador, sem necessidade de instalação ou plugins. Esteja você construindo um site, projetando uma interface de usuário ou preparando uma ilustração digital, ter acesso rápido a um Seletor de cores preciso e intuitivo pode acelerar significativamente seu processo criativo. | |
| ✔ O design leve garante tempos de carregamento rápidos e a interface é otimizada para clareza e facilidade de uso. | |
| Num mundo onde a identidade visual é mais importante do que nunca, é essencial ter as ferramentas certas para gerir as cores. Nosso RGB Color Finder combina simplicidade, precisão e flexibilidade em uma interface única e amigável. Esteja você explorando cores com o mouse ou inserindo valores RGB exatos, esta ferramenta oferece tudo que você precisa para encontrar o tom perfeito e convertê-lo instantaneamente em um código HEX utilizável. | |
| É rápido, preciso e projetado para apoiar a criatividade e o trabalho técnico. | |
Deixe um comentário ou pergunta abaixo |
 |
Calculadora Simples |
 |
Calculadora Científica |
 |
Calculadora de Área |
 |
Calculadora de Volume |
 |
Conversor de Unidades |
 |
Calculadora de Anel (Annulus) |
 |
Ferramenta de Conversão de Dados |
 |
Compressor de Imagens |
 |
Compressor de Arquivos |
 |
Seletor de Cores RGB |
 |
Conversor de Arquivos para PDF |
 |
Calculadora de Border Radius |
 |
Calculadora de Box Shadow |
 |
Calculadora de Transformação |
 |
Testador de Dispositivos Responsivos |
 |
Conversor de Fuso Horário e Diferença de Datas |
 |
Calculadora de Porcentagem |
 |
Explorador de Tendências do GitHub |
 |
Ferramenta de Comparação de Tendências |
 |
Gerador de QR Code |
 |
Comparar ficheiros online |
 |
Teste gratuito de velocidade do site |
 |
O seu melhor currículo |
dzosoft.com © 2022 - 2026 Autor: Ing. A. Nasri. Todos os direitos reservados.
Usamos cookies para ajudar você a navegar de forma eficiente e executar certas funções. Você encontrará informações detalhadas sobre todos os cookies em cada categoria de consentimento abaixo. Os cookies classificados como “Necessários” são armazenados no seu navegador, pois são essenciais para habilitar as funcionalidades básicas do site.
Também usamos cookies de terceiros que nos ajudam a analisar como você usa este site, armazenar suas preferências,
e fornecer conteúdo e anúncios relevantes para você. Esses cookies só serão armazenados no seu navegador
com o seu consentimento prévio.
Você pode ativar ou desativar alguns ou todos esses cookies, mas desativar alguns deles pode afetar sua experiência de navegação.
Ao clicar em “Aceitar”, você concorda com o uso de cookies conforme descrito em nossa
Política de Privacidade.
