Seletor de cores

Seletor de cores HTML online RGB HEX

Parabéns! Você acaba de chegar à melhor ferramenta para escolher e Selecione entre milhares de cores com todos os códigos disponíveis.Sim, desde códigos de cores HTML para seu site ou aplicativo até códigos hexadecimais, RGB ou HSL para cada cor. Encontre exemplos em tabelas com todos os nomes de cores Disponível abaixo, um arco-íris multicolorido completo!

TRUQUE: Salve esta ferramenta nos favoritos do seu navegador para acesso direto na próxima vez 😉

[seletor de cores]

Como usar o seletor de cores online ou a paleta de cores?

A ferramenta é bastante fácil de usar. Tudo o que você precisa fazer é seguir os passos explicados abaixo:

  • Passo 1: Como você pode ver, o ferramenta de codificação por cores Possui duas partes: a tabela de cores, que é a maior, e a barra de cores, que exibe toda a paleta de cores disponíveis.
  • Passo 2: O que você precisa fazer é definir uma cor na barra vertical ao lado da tabela de cores.
  • Passo 3: Depois de obter a cor, você deve definir sua tonalidade na caixa à direita.
  • Passo 4: Na parte inferior da ferramenta, você verá Códigos HEX, RGB, HSV e HSL correspondente à cor selecionada. Verdade fácil?
Roda de cores
Roda de cores

Tipos de códigos de cores, usos, significados e como usá-los.

Agora que você sabe como usar o ferramenta online de seleção de código de coresChegou a hora de você aprender como e quando usar os diferentes códigos que ele fornece para diferentes programas, sites, etc.

Cores no código HTML

HTML é a linguagem mais utilizada na criação de websites.Ao projetar um site, não podemos determinar as cores usando apenas seus nomes; precisamos expressá-las em seu código HTML correspondente. É aí que nossa ferramenta se torna útil, pois fornece essas informações para facilitar seu trabalho. Você só precisa obter o Código HTML correspondente à cor escolhida. e copie e cole no seu site.

Cores com códigos hexadecimais (HEX)

Os Códigos de cores HEX ou hexadecimaisSão compostos por números de série hexadecimais, o que permite uma identificação mais simples e direta. No entanto, esse código às vezes é menos usado porque não permite definir a opacidade da cor, então, embora É destinado ao uso em programação HTML e CSS.Na maioria dos casos, sua presença se limita a programas de edição como Photoshop ou Illustrator, onde serve para definir cores cuja opacidade pode ser posteriormente editada ou para adicionar efeitos e texturas.

Cores com código decimal (RGB)

Os códigos de cores RGB decimais são aqueles que expressam a intensidade de cada cor. cores primárias em sua composição. Essas cores são vermelho, verde e azule nessa nomenclatura eles permitem uma concentração de 256 niveles, o que permite uma paleta de mais de 16.777.216 cores diferentes.

O código resultante para cada cor indica a concentração de cada uma das cores primárias necessárias para obtê-la, correspondendo a:

  • O primeiro número é vermelho.
  • O segundo a ir para o verde.
  • O terceiro número da cor azul.

Por exemplo, a cor "verde elétrico" é representada pelos números 0, 255, 0, indicando que ela tem uma concentração de 0 para vermelho, 255 níveis de verde e 0 para azul.

O código de cores escolhido pode Adicione um número extra no final para especificar a opacidade ou transparência, variando de 0 a 1.Ou seja, se você adicionar 0.5 ao final da cor verde elétrica, estará indicando que essa cor tem uma opacidade de 50%, resultando em um código como este: 0, 255, 0, 0.5. Esse formato é conhecido como RGBA.

Modelo de cores HSV

El Modelo de cores HSV (matriz, saturação e valor, traduzido do inglês) é usado principalmente para escolher cores de aplicativos, já que são obtidas tons mais precisosNeste modelo, determina-se a matriz que define um valor em graus (°) da cor dentro de uma paleta de cores circular, depois sua saturação e, finalmente, seu brilho ou valor. A matriz aceita valores de 0° a 360°, enquanto a saturação e o brilho aceitam valores percentuais entre 0% e 100%..

Assim como no modelo RGB, três valores são determinados:

  • Sendo o primeiro para a matriz
  • A segunda para saturação
  • O terceiro para o brilho

Tabela com os nomes das cores e seus códigos HTML, HEX, RGB e HSV.

Aqui está um Lista das cores mais utilizadas em programação e design gráfico.para que você possa identificar seus códigos hexadecimais, RGB e HSV com muito mais facilidade e Você pode copiar e colar em suas criações. e designs web, aplicativos, modelos, telas, etc.

Cores marrom e ocre

Encontre rapidamente os códigos HTML para tons de marrom e ocre, para que você possa usá-los em qualquer um dos seus projetos com a máxima precisão.

Nome Amostra Código Hexadecimal RGB HSV
Amêndoa #EFDECD 239 222 205 30° 52% 87%
Arena #ECE2C6 236 226 198 44° 16% 92%
Bistre #967117 150 113 23 43° 85% 58.59375%
Bistre espanhola # 8E6E37 142 110 55 38° 61% 55.46875%
Café #591F0B 89 31 11 15° 88% 34.765625%
Castanho #800000 128 0 0 100% 50%
Marrom # 694C41 105 76 65 17° 38% 41.015625%
Castanho claro ou bege #BA7C45 186 124 69 28° 63% 72.65625%
Bronze #CD7F32 205 127 50 30° 76% 80.078125%
Pousio #C19A6B 193 154 107 33° 45% 75.390625%
Camurça #E6B57E 230 181 126 32° 45% 89.84375%
Bege #E8C39E 232 195 158 30° 32% 90.625%
Caoba #C04000 192 64 0 20° 100% 75%
Caqui #C3B091 195 176 145 37° 26% 76.171875%
caqui claro # F0E68C 240 230 140 54° 42% 94%
Cáqui escuro # BDB76B 189 183 107 56° 43% 74%
Canela ou árvore de canela # 996B42 153 107 66 28° 57% 60%
chocolate #7B3F00 123 63 0 31° 100% 48%
Ferrugem #A2522B 162 82 43 20° 73% 64%
Leão ou castanho # BC8648 188 134 72 32° 62% 74%
Marrom # 964B00 150 75 0 30° 100% 58.59375%
Couro marrom # 8B4513 139 69 19 25° 86% 55%
Castanho dourado #996515 153 101 21 36° 86% 60%
Castanho claro #B5651D 181 101 29 28° 84% 71%
Castanho médio #804000 128 64 0 30° 100% 50%
Marrom escuro #654321 101 67 33 30° 67% 40%
Castanho claro #987654 152 118 84 30° 45% 60%
Marrom sépia # 5C5343 92 83 67 38° 27% 36%
Melado #D19538 209 149 56 36° 62% 52%
Ocre #B9935A 185 147 90 36° 51% 73%
ocre amarelo #D1974D 209 151 77 34° 63% 82%
ocre amarelo #B5783A 181 120 58 30° 68% 71%
Ocre vermelho #7D3F32 125 63 50 10° 60% 49%
ocre marrom #5F3F3E 95 63 62 35% 37%
ocre marrom escuro # 4B382F 75 56 47 19° 37% 29%
ocre dourado # 573F25 87 63 37 31° 57% 34%
ocre dourado # C97E28 201 126 40 32° 80% 79%
ocre dourado tostado # 9A6619 154 102 25 36° 84% 60%
Carne ocre #874639 135 70 57 10° 58% 53%
Marrom ocre # 955F20 149 95 32 32° 79% 58%
Marrom esverdeado # 826C34 130 108 52 43° 60% 51%
Peru # CD853F 205 133 63 30° 69% 80.078125%
Rufous #CB6D51 203 109 81 14° 60% 80%
Redwood # 8A5754 138 87 84 39% 54%
Sépia #663B2A 102 59 42 17° 59% 40%
Sépia # 524B3B 82 75 59 42° 28% 32%
Siena # 882D17 136 45 23 12° 83% 53%
Siena queimada #8E372E 142 55 46 68% 55.46875%
rapé #50301E 80 48 30 22° 63% 31%
Treviso #823A3F 130 58 63 356° 55% 51%
Wenge #3D2E2C 61 46 44 28% 24%
Cichoria # 5C5342 92 83 66 39° 28% 36%
Chicória # 5D5342 93 83 66 38° 29% 36%
árvore #C48A3C 196 138 60 34° 69% 37%

Cores vermelha e bordô

Nesta tabela, você encontrará de forma rápida e precisa todos os códigos HTML para as cores vermelha e bordô, evitando assim a perda de tempo com a busca manual de cada um na ferramenta.

Nome Amostra Código Hexadecimal RGB HSV
Vermelho # FF0000 255 0 0 100% 100%
Vermelho (padrão) # E60026 230 0 38 350° 100% 90%
Ocre vermelho # DC2339 220 35 57 353° 84% 86%
Avermelhado #D22C21 210 44 33 84% 82%
Vermelhão #E62E00 230 46 0 12° 100% 90%
Vermelhão da China #B21A27 178 26 39 355° 85% 70%
Vermelhão da Holanda #E62E11 230 46 17 93% 90%
Bordô ou marrom #6D071A 109 7 26 349° 94% 43%
Vinho #900020 144 0 32 346° 100% 56%
Carmesim #E51A4C 229 26 76 345° 89% 90%
Carmim (padrão) #D10047 209 0 71 340° 100% 82%
Carmim (ilustrativo) #C30B4E 195 11 78 338° 94% 76%
Carmim de alizarina # A11C55 161 28 85 334° 83% 63%
Vermelho Munsell # F2003C 242 0 60 345° 100% 95%
Coral #E51D2E 229 29 46 355° 87% 90%
Escarlate # E30032 227 0 50 347° 100% 89%
Gobelins Escarlates #BD002F 189 0 47 345° 100% 74%
framboesa #E61D52 230 29 82 344° 87% 90%
granada #AA1C47 170 28 71 342° 84% 67%
Grana #AB2A3E 195 16 58 346° 92% 76%
Hematita vermelha #D4442F 212 68 47 78% 83%
fígado # 891E35 137 30 53 347° 78% 54%
Falun Vermelho #7C342B 124 52 43 65% 49%
Vermelho indiano # 882D17 136 45 23 12° 83% 53%
vermelho persa #CB1D11 203 29 17 92% 80%
Vermelho toscano #79443B 121 68 59 51% 47%
vermelho veneziano #6E433C 110 67 60 45% 43%
Tomate ou carmina # D5303E 213 48 62 355° 77% 84%
vermelho filipino #C81023 200 16 35 354° 92% 78%
Vermelho melancia #C03E3E 192 62 62 68% 75%

Transição de cores do vermelho para o laranja.

Aqui estão todos os códigos HTML para os tons de transição de vermelho e laranja, do mais claro ao mais escuro, para que você possa escolher o que mais lhe agrada para o seu projeto.

Nome Amostra Código Hexadecimal RGB HSV
Vermelho-alaranjado # FF2000 255 32 0 7.5° 100% 100%
Vermelho-alaranjado (padrão) # E82300 232 35 0 100% 91%
Laranja Elétrico # FF3202 255 51 2 12° 99% 100%
Laranja vermelha # FF4000 255 64 0 15° 100% 100%
Vermelho alaranjado (padrão) # FF4500 255 69 0 16° 100% 100%
Laranja avermelhado # FF6000 255 96 0 22.5° 100% 100%
Laranja avermelhado (padrão) # E95400 233 84 0 22° 100% 91%

Cores laranja

Os códigos HTML para os tons de laranja estão nesta tabela, para que você possa localizar cada um o mais rapidamente possível, sem precisar fazer isso diretamente na ferramenta.

Nome Amostra Código Hexadecimal RGB HSV
Liga laranja #C46210 196 98 16 27° 85% 42%
âmbar # E2893A 226 137 58 28° 74% 89%
Abóbora #EDAA7C 237 170 124 24° 48% 93%
Abóbora #D99343 217 147 67 32° 69% 85%
Cáqui laranja #F38D3C 243 141 60 27° 75% 95%
Cáqui laranja #E25F23 226 95 35 19° 85% 89%
Laranja # FF8000 255 128 0 30° 100% 100%
Laranja (escura) #E65F00 230 95 0 25° 100% 90%
Laranja Claro #FED8B1 254 216 177 30° 30% 100%
Laranja médio # FF7802 255 120 2 28° 99% 100%
Laranja escuro # FF8C00 255 140 0 33° 100% 100%
dourado #D4AF37 212 175 55 46° 74% 83%
lhama #F98FD 249 143 29 31° 88% 98%
Salmão # FA8072 250 128 114 54% 98%

Cores amarelas

Aqui estão os códigos HTML para as cores em tons de amarelo; eles representam uma ampla gama, desde as misturas mais puras até aquelas mais próximas do mostarda, do verde ou do laranja.

Nome Amostra Código Hexadecimal RGB HSV
Amarelo #FFFF00 255 255 0 60° 100% 100%
Amarelo claro # FFFFE0 255 255 224 60° 12% 100%
Amarelo indiano #E3A857 227 168 87 35° 62% 89%
Limão amarelo #FFF83B 255 248 59 58° 77% 100%
Amarelo médio #FFE302 255 227 2 54° 99% 100%
Amarelo escuro #9C9C00 156 156 0 60° 100% 61%
âmbar #FFDF00 250 215 0 51° 100% 50%
Amarelo #E4D00A 228 208 10 54° 92% 47%
Colza #FFE900 255 233 0 55° 100% 100%
Preto #FFFDD0 255 253 208 57° 18% 100%
Gualdo ou gualda amarela # FFD700 255 215 0 51° 100% 100%
Sabor ou amarelo claro #FEFF3F 254 255 63 60° 100% 62%
Amarelo dourado ou pastel #FDFD96 253 253 150 60° 96% 79%
Aureolina ou amarelo cobalto #FFE661 255 230 97 51° 62% 100%
Dourado ou ouro # DAA520 218 165 32 43° 85% 85%
Cádmio ou amarelo cádmio #FFF600 255 246 0 58° 100% 100%
Cromato ou amarelo cromo #FFCC0F 255 204 15 47° 94% 100%
Arilado ou amrll. monoazo #E9D66B 233 214 107 51° 74% 67%
Hansa #FCC300 252 195 0 46° 100% 99%
Narciso #EFD52E 239 213 46 52° 81% 94%
Limão (padrão) #D9E542 217 229 66 64° 71% 90%
mostarda #FFDB58 255 219 88 47° 65% 100%
mostarda clara #EEDD62 238 221 98 53° 59% 92%
mostarda escura #7C7C40 124 124 64 60° 48% 49%
Napoleão #ECCD6A 236 205 106 46° 55% 93%
Napoleão Sombrio #FFC94D 225 201 77 42° 70% 100%
Napoleão claro #FFF6AD 255 246 173 53° 32% 100%
Napoleão avermelhado #F9BDA1 249 189 161 19° 35% 98%
Ouro # FFD700 255 215 0 51° 100% 100%
Chartreuse #DFFF00 223 255 0 67° 100% 100%
Guta ou Gutagamba amarela #E49B0F 228 115 15 39° 93% 89%
Amarelo prateado #F5F35B 245 243 91 59° 63% 96%
amarelo filipino #FFCB03 255 203 2 48° 99% 100%

Transição de cores do amarelo para o verde.

Abaixo encontra-se uma tabela com os códigos HTML para as cores de transição entre amarelo e verde. Essas cores costumam causar alguma confusão ao procurá-las na ferramenta, por isso, para facilitar, incluímos os códigos diretamente aqui.

Nome Amostra Código Hexadecimal RGB HSV
Amarelo esverdeado #DED700 28 215 0 58° 100% 87%
Verde amarelo #C6CE00 198 206 0 62° 100% 81%
verde-amarelado # 75B313 117 179 19 83° 89% 70%
teia verde e amarela # ADFF2F 173 255 47 84° 82% 100%
Verde ácido #B0BF1A 176 191 26 65° 70% 43%
Chartreuse Cartusiana ou Francesa #DFFF00 223 255 0 67° 100% 100%
Amarelo #E4D00A 228 208 10 54° 92% 47%
Lima #9EFD38 158 253 78 89° 78% 99%
Lima Francesa #9CFE37 156 254 55 90° 78% 100%
Limão (padrão) #D9E542 217 229 66 64° 71% 90%
oliva # 6B8E23 107 142 35 80° 75% 56%

Cores verdes

Esta é a tabela com os códigos HTML para tons de verde, uma das cores mais marcantes por excelência, usada em projetos relacionados à ecologia e finanças, mas você pode usá-los para o que quiser.

Nome Amostra Código Hexadecimal RGB HSV
Verde elétrico # 00FF00 0 255 0 120° 100% 100%
Verde médio #008000 0 128 0 120° 100% 50%
Padrão Simples ou Verde # 00B564 0 181 100 153° 100% 35%
Prain ou verde brilhante #0CF90C 12 249 12 120° 95% 98%
Verde escuro ou cinza # 228B22 34 139 34 120° 76% 55%
Verde claro glauco ou opaco # 63E457 99 228 87 115° 72% 62%
Verde escuro (web) #006400 0 100 0 120° 100% 39%
Poroso ou verde escuro # 1B4125 27 65 37 136° 58% 25%
Malaquita #0BDA51 11 218 81 140° 95% 85%
verde-esmeralda claro #00FFBF 0 255 191 165° 100% 100%
Esmeralda #009975 0 153 117 166° 100% 60%
Verde floresta ou bosque #35682D 53 104 45 112° 57% 41%
Jade #34C2A7 52 194 167 169° 73% 76%
Pistache # 93C572 147 197 114 96° 42% 61%
Glauco, ou verde-samambaia #71BC78 113 188 120 126° 44% 74%
Verde musgo #8A9A5B 138 154 91 75° 41% 60%
Verde musgo antigo #707D3D 112 125 61 72° 51% 49%
Hortelã # 98FF98 152 255 152 120° 40% 100%
Verde vibrante ou verde pastel #77DD77 119 221 119 120° 46% 87%
Verde papagaio # 52B830 82 184 48 105° 74% 72%
louro japonês # 04A404 4 164 4 120° 98% 64%
Garrafa verde #006A4E 0 106 78 164° 100% 42%
Verde-mar # 2E8B57 46 139 87 146° 67% 55%
Gancho Verde nº 1 #44944A 68 148 74 125° 54% 58%
Gancho Verde nº 2 # 3B7861 59 120 97 157° 51% 47%
Oliva # 6B8E23 107 142 35 80° 60% 35%
Verde primavera # 00FF7F 0 250 127 150° 100% 100%
Veronês #18A88D 24 168 141 169° 86% 66%
Schweinfurt Green #009B7D 0 155 125 168° 100% 61%
Paris Verde #128385 18 131 133 181° 86% 52%
Verde-esmeralda ou ferrugem #4B5F56 75 95 86 153° 12% 33%
Viridiano espanhol #007F5C 0 127 92 163° 100% 50%
Viridiano # 007F66 0 127 102 168° 100% 50%
Verde acinzentado (ilustrativo) #009872 0 152 114 165° 100% 60%
Verde acinzentado #5F7F7A 95 127 122 171° 25% 50%
Verde-cobre ou verde-acinzentado #43B3AE 67 179 174 177° 46% 48%
Verde-azulado ou verde-pinho # 1B7677 27 118 119 181° 77% 47%
Verde-azulado (escuro) #00554E 0 85 78 175° 100% 33%
Verde de Scheele #478800 71 136 0 89° 100% 53%
Verde Islâmico #019902 1 153 2 120° 39% 60%
Verde Russo #669F5F 102 155 95 113° 39% 61%

Transição de cores do verde para o azul.

Nesta seção, compartilhamos os códigos HTML para as cores de transição do verde para o azul, incluindo várias cores especiais como verde-esmeralda claro, água-marinha ou verde-ciano.

Nome Amostra Código Hexadecimal RGB HSV
verde-esmeralda claro #00FFBF 0 255 191 165° 100% 100%
turquesa # 40E0D0 64 224 208 174° 71% 88%
Aquamarine # 7FFFD4 127 255 212 160° 50% 100%
Pantone Aquamarine #ACDCDD 172 220 221 181° 22% 87%
Verde ciano # 00FF80 0 255 128 150° 100% 100%
Verde-azulado ou azul-esverdeado #0D98BA 13 152 186 192° 93% 72%

Cores ciano e azul claro

Os códigos HTML para as cores ciano e azul claro estão todos nesta seção, incluindo cores bastante singulares como o azul aero, o azul bigro e o azul turquesa.

Nome Amostra Código Hexadecimal RGB HSV
Aero #7CB9E8 124 185 232 206° 70% 70%
Aero Azul #C9FFE5 201 255 229 151° 100% 89%
Aquamarine # 7FFFD4 127 255 212 160° 50% 100%
Água-marinha oriental #ACDCDD 172 220 221 181° 22% 87%
Azul turquesa #00FFEF 0 255 239 176° 100% 100%
Pervinca #CCCCFF 204 204 255 240° 20% 100%
Calipso #00DDF3 0 221 243 185° 100% 95%
Celestial # 87CEFA 135 206 250 203° 46% 98%
Azul claro #B2FFFF 178 255 255 180° 30% 100%
Cerúleo (específico) #1DACD6 29 172 214 194° 86% 84%
Cerúleo (não específico) #A7D3F3 167 211 243 205° 31% 95%
Cianeto (aditivo) #00FFFF 0 255 255 180° 100% 100%
Cian #00B0F6 0 176 246 197° 100% 96%
turquesa # 40E0D0 64 224 208 174° 71% 88%
turquesa claro #AFE4DE 175 228 222 173° 50% 79%
Turquesa médio # 48D1CC 72 209 204 178° 66% 82%
Turquesa escuro # 00CED1 0 206 209 181° 100% 82%
Turquesa claro #AFEEE 175 238 238 180° 26% 93%
Verde turquesa #A0D6B4 160 214 180 142° 25% 84%

Cores azul médio e escuro

Se você está procurando os códigos HTML para tons de azul médio e escuro, encontrará neles esta tabela, assim não precisará localizá-los manualmente na ferramenta e economizará tempo.

Nome Amostra Código Hexadecimal RGB HSV
Azul # 0000FF 0 0 255 240° 100% 100%
Blue Light # ADD8E6 173 216 230 195° 25% 90%
Azul elétrico #7DF9FF 125 249 255 183° 51% 100%
Azul elétrico escuro #536878 83 104 120 206° 31% 47%
Azul médio # 0000CD 0 0 205 240° 100% 80%
Azul escuro #00008B 0 0 139 240° 100% 55%
Azul pálido #D1EDF2 209 237 242 189° 14% 95%
PRU azul #72A0C1 114 160 193 205° 39% 60%
Azul # 0099FF 0 153 255 204° 100% 100%
Índigo # 091F92 9 31 146 230° 94% 57%
Cobalto (específico) # 333C87 51 60 135 234° 62% 53%
Azul cobalto (ilustrativo) #00438A 0 67 138 211° 100% 54%
Azul Cobalto Claro (ilustrativo) # 091F92 9 31 146 230° 94% 57%
Azul cobalto escuro (ilustrativo) # 004F79 0 79 121 201° 100% 47%
Azul da Prússia #003153 0 49 83 205° 100% 33%
Azul Majorelle #5564EB 85 100 235 234° 64% 92%
Azul glauco #007E8B 0 126 139 186° 100% 55%
Azul marinho (ilustrado) #0A3F7A 10 63 122 212° 92% 48%
Azul-marinho #436EC0 67 110 192 219° 65% 75%
Zero absoluto #0048BA 0 72 186 217° 100% 36%
Azul cerúleo #318CE7 49 140 231 210° 79% 91%
Índigo # 003C92 0 60 146 215° 100% 57%
Índigo (ilustrativo) #213C6E 33 60 110 219° 70% 43%
Orcela # 25206F 37 32 111 244° 71% 44%
Peru #122562 18 37 98 216° 100% 42%
Zafiro # 6576B4 101 118 180 227° 44% 71%
Azul Munsell #0093AF 0 147 175 190° 100% 69%
Azul celeste #4795CE 71 149 206 205° 66% 81%
Azul Imperial #00209C 0 32 156 228° 100% 61%
Azul turquesa #367793 54 119 157 198° 63% 68%

Transição de cores do azul para o roxo

As cores de transição do azul para o roxo costumam ser difíceis de localizar na ferramenta, por isso incluímos todos os códigos HTML correspondentes nesta tabela.

Nome Amostra Código Hexadecimal RGB HSV
Roxo azul # 2000FF 32 0 255 247.5° 100% 100%
Roxo azul (padrão) #382983 56 41 131 250° 69% 51%
roxo azulado # 4000FF 64 0 255 255° 100% 100%
Roxo azul (padrão) # 4C2882 76 40 130 264° 69% 51%
Roxo azulado # 6000FF 96 0 255 262.5° 100% 100%
Roxo azulado (padrão) #612682 97 38 130 278° 71% 51%

Cores roxas e violetas

Aprenda os códigos HTML para as cores roxa e violeta, cores muito especiais que podem ser usadas em uma ampla variedade de projetos devido à sua versatilidade.

Nome Amostra Código Hexadecimal RGB HSV
amaranto roxo escuro #9F2B68 159 43 104 328° 57% 40%
Centáurea # 8892C6 136 146 198 230° 31% 78%
Amatista #898AC0 137 138 192 239° 29% 75%
Lavanda #B57EDC 181 126 220 275° 43% 86%
Lilás #CBA2C8 203 162 200 304° 20% 80%
Roxo brilhante #D891EF 216 145 239 285° 39% 94%
lilás claro #DCD0FF 220 208 255 255° 18% 100%
Lilás francês #DEB7D9 222 183 217 308° 18% 87%
Roxo escuro # 9955BB 153 85 187 280° 43% 53%
Lavanda lilás #D3CD 211 193 221 279° 13% 87%
Lilás claro #DCD0FF 220 208 255 255° 100% 91%
Lirio #7F69A5 127 105 165 262° 36% 65%
Malva #E0B0FF 224 176 255 276° 31% 100%
Roxo (não específico) #572364 87 35 100 288° 65% 39%
Roxo (outro) # 4A2364 74 35 100 276° 65% 39%
Patriarca #800080 128 0 128 300° 100% 50%
Roxo #6A0PAI 106 13 173 275° 92% 68%
Perkin Roxo #9F68A6 159 104 166 293° 37% 65%
Púrpura de Tiro # 4E0041 78 0 65 310° 100% 31%
Roxo médio #9370DB 147 112 219 260° 49% 86%
roxo escuro #301934 48 25 52 291° 51% 20%
Roxo claro #FAE6FA 250 230 250 300° 8% 98%
Uva #6F2DA8 111 45 158 272° 73% 66%
Violeta # 7F00FF 127 0 255 270° 100% 100%
violeta africana #B284BE 178 132 190 288° 31% 63%
Violeta claro #B09DB9 176 157 185 281° 15% 73%
Violeta intenso #330066 51 0 102 270° 100% 40%
Violeta médio # 65315F 101 49 95 308° 51% 40%
Violeta escuro # 9400D3 143 0 211 282° 100% 83%
Violeta pálido #CC99FF 204 153 255 270° 40% 100%
Violino #A10684 161 6 132 311° 96% 63%
Safira (padrão) # 7573A6 117 115 166 242° 31% 65%

Cores magenta e rosa

Compartilhamos com vocês os códigos HTML para as cores magenta e tons de rosa, ambas intimamente ligadas à feminilidade e utilizadas em uma ampla variedade de nichos.

Nome Amostra Código Hexadecimal RGB HSV
Amaranto (cor) #E52B50 229 43 80 348° 78% 53%
Amaranto rosa #F19CBB 241 156 187 338° 75% 78%
Crisvilu ou carne #FCD0B4 252 208 180 23° 29% 99%
Magenta # FF00FF 255 0 255 300° 100% 100%
Magenta (padrão) # F50087 245 0 135 327° 100% 96%
Céu magenta #CF71AF 207 113 175 320° 45% 81%
Magenta claro # FF80FF 255 128 255 300° 50% 100%
Magenta Intenso #CC00CC 204 0 204 300° 100% 80%
Magenta escuro # 8B008B 139 0 139 300° 100% 27%
Magenta claro #F984E5 249 132 229 310° 47% 98%
Rosa (padrão) #F6AE97 246 174 151 15° 39% 96%
Rosa (não especificada) #F7BFBE 247 191 190 23% 97%
Rosa #FD6C9E 253 108 158 339° 57% 99%
Renda rosa #FFDDF4 255 221 244 319° 13% 100%
Rosa pictórico # FF77FF 255 119 255 319° 25% 100%
fúcsia # FF0080 255 0 128 330° 100% 100%
fúcsia avermelhada #FF005A 255 0 90 339° 100% 100%
Orceína #C20073 194 0 115 324° 100% 76%
rosa coral # EB6362 235 99 98 58% 92%
Rosa mexicana # F50087 245 0 135 327° 100% 96%
Salmão # FA8072 250 128 114 54% 98%

Transição de cores do roxo para o vermelho

Se você está procurando algumas das cores de transição entre o roxo e o vermelho, e não conseguiu encontrá-las na ferramenta, esta tabela contém seus códigos HTML.

Nome Amostra Código Hexadecimal RGB HSV
Roxo avermelhado #A11480 161 20 128 314° 88% 63%
Púrpura vermelha # E40078 228 0 120 328° 100% 89%
Vermelho púrpura # E30049 227 0 73 341° 100% 89%

Cores brancas

Você talvez não imagine, mas existe uma grande variedade de tons de branco, o que nos levou a criar esta tabela com os códigos HTML de cada um deles para que você possa conhecê-los e encontrá-los com mais facilidade.

Nome Amostra Código Hexadecimal RGB HSV
alabastro #F2F0E6 242 240 230 50° 32% 93%
Branco ou quase branco # F6F6F6 246 246 246 0% 96%
Alice Blue (Azul e branco frio) # F0F8FF 240 248 255 208° 6% 100%
Branco # FFFFFF 255 255 255 0% 100%
Branco velho # FAEBD7 250 235 215 34° 14% 98%
Branco de zinco #FAFBFD 250 251 253 220° 1% 99%
Branco Navajo #FFDEAD 255 222 173 36° 32% 100%
Gesso branco # F8F8FF 248 248 255 208° 100% 97%
Concha # FFF5EE 255 245 238 25° 7% 100%
Lanquecino (branco menta) # F5FFF0 245 255 240 100° 6% 100%
Renda antiga # FDF5E6 253 245 230 40° 6% 100%
Osso #EDEAE0 237 234 224 46° 5% 93%
fumaça branca # F5F5F5 245 245 245 0% 96%
Marfim # FFFFF0 255 255 240 60° 6% 100%
Nácar #FBF4E2 251 244 226 43° 10% 98%
Neve #FFFAFA 255 250 250 100% 99%
alvo de titânio #FDFDFD 253 253 253 —° 0% 98.828125%

Cores cinza

Assim como acontece com o branco, existe uma ampla gama de tons de cinza. Encontre rapidamente os códigos para cada uma dessas cores únicas e elegantes.

Nome Amostra Código Hexadecimal RGB HSV
alumínio # D6D6D6 214 214 214 —° 0% 84%
Ash #B0B5BC 176 181 188 215° 8% 71%
Cinzento #808080 128 128 128 —° 0% 50%
Cinza escuro #696969 105 105 105 —° 0% 41%
Cinza de Davy #555555 85 85 85 —° 0% 33%
Sulfato #536878 83 104 120 206° 31% 47%
Cinza claro # D3D3D3 211 211 211 —° 0% 83%
Cinza frio #496063 73 96 99 187° 26% 39%
cinza médio #BEBÊBEBÊ 190 190 190 0% 75%
Cinza escuro # A9A9A9 169 169 169 0% 66%
Prata antiga #848482 132 132 130 60° 2% 52%
Prata #CDCDCD 205 205 205 0% 80%
Platina #E5e4e2 229 228 226 40° 1% 90%
Lead #404040 64 64 64 —° 0% 25%
Sulfato escuro # 36454F 54 69 79 204° 32% 31%
Linho #D7D0B7 215 208 183 47° 15% 84%
Xanadu #738678 115 134 120 136° 14% 53%
Cinza claro #EEEEEE 238 238 238 —° 0% 92,96875%

Cores pretas

Encontre rapidamente os códigos HTML para tons de preto, para que você possa usá-los em qualquer um dos seus projetos com a máxima precisão.

Nome Amostra Código Hexadecimal RGB HSV
Preto #000000 0 0 0 —° -% 0%
Preto intenso ou preto brilhante #010101 1 1 1 —° 0% 0.390625%
Carvão #191919 25 25 25 —° 0% 10%
ébano #37312B 55 49 43 30° 22% 22%
Grafite #1C1C1C 28 28 28 —° 0% 11%
Córdoba #3B2A21 59 42 33 21° 44% 23%
Vela de ignição preta # 2A3223 42 50 35 92° 30% 20%
Negro de fumo #382212 56 34 18 25° 68% 22%
Chinês Negro # 0F0F0F 16 16 16 —° 0% 6.25%
Groselha preta #202020 32 32 32 —° 0% 12.5%
Preto antracite-cinza metálico #293133 41 49 51 228° 0,027% 0,354%

Esmaltes e metais heráldicos

A heráldica é o estudo dos brasões usados ​​pelas famílias na Idade Média. Esses desenhos utilizavam cores conhecidas como esmaltes heráldicos e metais. Esta tabela contém os códigos para cada um deles.

Nome Amostra Código Hexadecimal RGB HSV
Gules #ED1C24 237 28 36 358° 88% 93%
Azul #0071BC 0 113 188 204° 100% 74%
Sinople #008F4C 0 143 76 152° 100% 56%
Roxo #800080 128 0 128 300° 100% 50%
Sable #000000 0 0 0 —° 0% 0%
Ouro #EAC102 234 193 2 49° 99% 92%
Prata ou argent #E3e4e5 227 228 229 210° 1% 90%
Roxo # 8D0036 141 0 54 337° 100% 55%
Linhagem #AA0000 170 0 0 100% 67%
Pardo #AF6E37 175 110 55 27° 69% 69%
Laranja # FF6600 255 102 0 24° 100% 100%
Cravo #FCD1C6 252 209 198 12° 21% 99%
Celestial #51D1F6 81 209 246 193° 67% 96%
Cinza #808080 128 128 128 0% 50%

Cores da marca e regulamentares

Se você deseja usar as cores típicas das principais marcas que dominam os setores comerciais em todo o mundo, esta tabela contém todos os códigos correspondentes para cada uma delas.

Nome Amostra Código Hexadecimal RGB HSV
Vermelho Ferrari # CC0000 204 0 0 100% 80%
Laranja de Portland #FF5A36 255 90 54 11° 79% 100%
Amarelo seletivo #FFBA00 255 186 0 44° 100% 100%
âmbar #FF7E00 255 126 0 30° 100% 100%
Verde de Competição Britânico #004225 0 66 37 154° 100% 26%
Carros Ford verdes # 1B4125 27 65 37 136° 58% 25%
Azul Brandeis # 0061A9 0 97 169 206° 100% 66%
Azul Columbia #D1EBF7 209 235 247 199° 15% 97%
Azul Eton #96C8A2 150 200 162 134° 25% 78%
Tiffany azul #81D8D0 129 216 208 174° 40% 85%
Azul do Duque # 001A57 0 26 87 222° 100% 34%
Azul Tufts #417DC1 65 125 193 212° 66% 76%
Azul da UCLA #536895 83 104 149 221° 44% 58%

Cores com nomes estrangeiros

Existem cores com nomes estrangeiros que podem ser difíceis de identificar, por isso facilitamos as coisas para você com esta tabela contendo todos os códigos dessas tonalidades.

Nome Amostra Código Hexadecimal RGB HSV
Alice Azul #91A3B0 145 163 176 205° 18% 69%
Beje # F5F5DC 245 245 220 60° 10% 96%
Baralho Azul #3EAEB1 62 174 177 182° 65% 69%
Bougainvillea #CE4676 206 70 118 339° 66% 81%
Camurça # 977F73 151 127 115 20° 24% 59%
Buff (1) #C9AE5D 201 174 93 45° 54% 79%
Buff (2) #F3E5AB 243 229 171 48° 30% 95%
Borgonha (1) #50404D 103 49 71 336° 52% 40%
Borgonha (2) #673147 84 61 63 355° 27% 33%
Borgonha (3) #543D3F 80 64 77 311° 20% 31%
Cadete Cinza (1) #91A3B0 145 163 176 205° 18% 69%
Cadete Cinza (2) #81878B 129 135 139 204° 7% 55%
cardinal #C41E3A 196 30 58 350° 85% 77%
inculto #C19A6B 193 154 107 33° 45% 76%
Fuka Murasaki #563970 86 57 112 272° 49% 44%
Gamboge #E49B0F 228 155 15 39° 93% 89%
Icterícia #FCF75E 252 247 94 58° 63% 99%
Jasmim #F8DE7E 248 222 126 47° 49% 97%
Amarelo jonquille #EEDFA0 238 233 160 48° 33% 93%
Lava derretida #B82928 184 41 40 78% 72%
Lava (1) #222222 34 34 34 –° 0% 13%
Lava (2) # 483C32 72 60 50 27° 31% 28%
Lava (3) # 3B3121 59 49 33 37° 44% 23%
Fígado # 674C47 103 76 71 31% 40%
Murasaki #AC5CB5 172 92 181 294° 49% 71%
laranja persa #D99058 217 144 88 26° 59% 85%
Rosa-laranja # FF9966 255 153 102 20° 60% 100%
Porpora #B21B1C 178 27 28 85% 70%
Abóbora (1) #ED872D 237 135 45 28° 81% 93%
Abóbora (2) #D99058 217 144 88 26° 59% 85%
Roxo (1) #870074 135 0 116 308° 100% 53%
Roxo (2) #602F6B 96 47 107 289° 56% 42%
Roxo (3) # 604E97 96 78 151 255° 48% 59%
pôr do sol #FAD6A5 250 214 165 35° 34% 98%
Verde primavera (1) #8A9A5B 138 154 91 75° 41% 60%
Verde primavera (2) # 93C592 147 197 146 119° 26% 77%
Verde primavera (3) #7E9F2E 126 159 46 78° 71% 62%
Verde primavera (4) # 8F9779 143 151 121 76° 20% 59%
Rede Upsdell # AE2029 174 22 32 356° 82% 68%
Vinhos # 722F37 114 47 55 353° 59% 45%

Outras cores com nomes únicos

Por fim, existem certas cores que possuem nomes únicos e muito singulares, que podem ser mais difíceis de localizar na ferramenta; por isso, preparamos esta tabela com todas elas.

Nome Amostra Código Hexadecimal RGB HSV
Café cósmico com leite #FFF8E7 255 248 231 42° 9% 100%
Turquesa cósmica #9DFFD0 156 255 206 150° 100% 80%
Simpson Amarelo #FFD90F 255 217 15 50° 100% 52%
Gato Nyan Magenta #FF9CFF 255 156 255 300° 39% 100%
Gato Nyan Fúcsia # FF3399 255 51 153 330° 80% 100%
Bronzeamento # D2B48C 210 180 140 34° 33% 82%
Trigo # F5DEB3 245 222 179 39° 26% 96%
Aço Azul # 4682b4 70 130 180 207° 61% 71%
Cardo # D8BFD8 216 191 216 300° 12% 85%
Branco Fantasma # F8F8FF 248 248 255 24° 3% 100%
Blush lavanda # FFF0F5 255 240 245 340° 6% 100%
Renda antiga # FDF5E6 253 245 230 40° 6% 100%
Concha # FFF5EE 255 245 238 25° 7% 100%

FAQ: Perguntas frequentes sobre cores que você precisa saber

A seguir, esclareceremos algumas das perguntas mais frequentes de nossos leitores para sanar todas as dúvidas geradas por questões relacionadas ao infinito mundo das cores.

O que são cores primárias e secundárias, também chamadas de cores complementares?

  • Cores primárias ou básicas A partir delas podemos formar todas as cores: vermelho, verde e azul.
  • As três cores secundárias são: amarelo, ciano e magenta.
  • As seis cores terciárias são: Laranja, verde limão, turquesa, azul claro, violeta e vermelho azulado, que são o resultado da mistura das cores anteriores sob a luz.

Quantas cores existem e quais são os seus nomes?

  • As 11 cores básicas: preto, azul, marrom, cinza, verde, laranja, rosa, roxo, vermelho, branco e amarelo.
  • Os 28 adicionais: turquesa, verde-oliva, verde-menta, bordô, lavanda, magenta, salmão, ciano, bege, rosa, verde-escuro, verde-oliva, lilás, amarelo-claro, fúcsia, mostarda, ocre, verde-azulado, malva, roxo-escuro, verde-limão, verde-claro, ameixa, azul-claro, pêssego, violeta, castanho e granada.

O que é o círculo cromático e para que ele serve?

O círculo cromático, também chamado de roda de cores. É uma representação circular e ordenada das cores de acordo com sua tonalidade. Este círculo mostra as cores primárias e aquelas derivadas delas. Geralmente, são representadas em degraus, embora, às vezes, a gradação dessas cores seja usada para adicionar mais tonalidades ao círculo. Nas representações em degraus, elas aparecem entre 12 e 48 cores, mostrando, por sua vez, as cores opostas ou complementares.

O uso da ferramenta de roda de cores é Para mostrar a unidade de contraste e harmonia que existe entre as cores primárias, secundárias e terciárias.Assim como cores frias e quentes, ou cores análogas e complementares, trata-se de uma ferramenta artística que nos ajuda a descobrir todas as combinações de cores possíveis.