Códigos e nomes de cores CSS.
O código de cores pode ser um dos seguintes:
Formato hexadecimal: #rrggbb
Formato RGB: RGB (vermelho, verde, azul)
Formato do nome: nome
Para a cor laranja:
Formato hexadecimal: #FFA500
Formato RGB: RGB(255,165,0)
Formato do nome: laranja
Para elemento específico:
<element style="color: code;"></element>
Para todos os elementos do mesmo tipo.Coloque o código na tag <style> na seção head:
<style>
element { color: code; }
</style>
Definindo a cor do texto do parágrafo como vermelho:
Definindo a cor do parágrafo específico:
<p style="color: #FF0000;">Some text ...</p>
Visualizar:
Algum texto ...
Definindo a cor de todos os parágrafos
<style>
p { color: #FF0000; }
</style>
element { background: code; }
Definindo a cor de fundo do parágrafo como vermelho:
Definindo a cor de fundo de um parágrafo específico:
<p style="background: #FF0000;">Some text ...</p>
Visualizar:
Algum texto ...
Definindo a cor de fundo de todos os parágrafos:
<style>
p { background: #FF0000; }
</style>
element { border-color: topcode rightcode bottomcode leftcode }
Definindo a cor da borda do parágrafo como vermelho, verde, azul e preto:
Definindo a cor da borda de um parágrafo específico:
<p style="border-color: #FF0000 #00FF00 #0000FF #000000; border-style:solid">Some text ...</p>
Visualizar:
Algum texto ...
Definindo a cor da borda de todos os parágrafos:
<style>
p { border-color: #FF0000 #00FF00 #0000FF #000000; }
</style>
| Cor | Nome da corHTML / CSS |
Código hexadecimal #RRGGBB |
Código Decimal (R,G,B) |
|---|---|---|---|
| salmão claro | #FFA07A | RGB(255,160,122) | |
| salmão | #FA8072 | RGB(250,128,114) | |
| salmão escuro | #E9967A | rgb(233,150,122) | |
| coral claro | #F08080 | rgb(240,128,128) | |
| vermelho indiano | #CD5C5C | RGB(205,92,92) | |
| carmesim | #DC143C | RGB(220,20,60) | |
| tijolo refratário | #B22222 | RGB(178,34,34) | |
| vermelho | #FF0000 | rgb(255,0,0) | |
| vermelho escuro | #8B0000 | rgb(139,0,0) |
| Cor | Nome da corHTML / CSS |
Código hexadecimal #RRGGBB |
Código Decimal (R,G,B) |
|---|---|---|---|
| coral | #FF7F50 | rgb(255,127,80) | |
| tomate | #FF6347 | RGB(255,99,71) | |
| vermelho alaranjado | #FF4500 | rgb(255,69,0) | |
| ouro | #FFD700 | rgb(255,215,0) | |
| laranja | #FFA500 | rgb(255,165,0) | |
| laranja escuro | #FF8C00 | rgb(255,140,0) |
| Cor | Nome da corHTML / CSS |
Código hexadecimal #RRGGBB |
Código Decimal (R,G,B) |
|---|---|---|---|
| luz amarela | #FFFFE0 | rgb(255,255,224) | |
| chiffon de limão | #FFFACD | RGB(255,250,205) | |
| amarelo claro dourado | #FAFAD2 | RGB(250,250,210) | |
| papaywhip | #FFEFD5 | rgb(255,239,213) | |
| mocassim | #FFE4B5 | rgb(255,228,181) | |
| pêssego | #FFDAB9 | RGB(255,218,185) | |
| palegoldenrod | #EEE8AA | rgb(238,232,170) | |
| cáqui | #F0E68C | RGB(240,230,140) | |
| caqui escuro | #BDB76B | RGB(189,183,107) | |
| amarelo | #FFFF00 | rgb(255,255,0) |
| Cor | Nome da corHTML / CSS |
Código hexadecimal #RRGGBB |
Código Decimal (R,G,B) |
|---|---|---|---|
| gramado | #7CFC00 | rgb(124,252,0) | |
| chartreuse | #7FFF00 | rgb(127,255,0) | |
| verde limão | #32CD32 | RGB(50,205,50) | |
| Lima | #00FF00 | rgb(0.255.0) | |
| verde floresta | #228B22 | RGB(34,139,34) | |
| verde | #008000 | RGB(0,128,0) | |
| verde escuro | #006400 | RGB(0,100,0) | |
| verde amarelo | #ADFF2F | RGB(173,255,47) | |
| amarelo verde | #9ACD32 | RGB(154,205,50) | |
| Primavera verde | #00FF7F | RGB(0,255,127) | |
| primavera médiaverde | #00FA9A | RGB(0,250,154) | |
| luz verde | #90EE90 | rgb(144,238,144) | |
| verde pálido | #98FB98 | rgb(152,251,152) | |
| verde-escuro | #8FBC8F | rgb(143,188,143) | |
| verde-marinho | #3CB371 | rgb(60,179,113) | |
| verde Mar | #2E8B57 | rgb(46,139,87) | |
| Oliva | #808000 | rgb(128,128,0) | |
| verde-oliva escuro | #556B2F | RGB(85,107,47) | |
| olivedrab | #6B8E23 | RGB(107,142,35) |
| Cor | Nome da corHTML / CSS |
Código hexadecimal #RRGGBB |
Código Decimal (R,G,B) |
|---|---|---|---|
| Ciano claro | #E0FFFF | rgb(224,255,255) | |
| ciano | #00FFFF | RGB(0,255,255) | |
| aqua | #00FFFF | RGB(0,255,255) | |
| água-marinha | #7FFFD4 | rgb(127,255,212) | |
| água-marinha média | #66CDAA | rgb(102,205,170) | |
| turquesa clara | #AFEEEE | rgb(175,238,238) | |
| turquesa | #40E0D0 | rgb(64.224.208) | |
| turquesa média | #48D1CC | rgb(72.209.204) | |
| turquesa escura | #00CED1 | rgb(0,206,209) | |
| luz do mar | #20B2AA | RGB(32.178.170) | |
| cadetblue | #5F9EA0 | RGB(95,158,160) | |
| darkcyan | #008B8B | RGB(0,139,139) | |
| cerceta | #008080 | RGB(0,128,128) |
| Cor | Nome da corHTML / CSS |
Código hexadecimal #RRGGBB |
Código Decimal (R,G,B) |
|---|---|---|---|
| Pó azul | #B0E0E6 | rgb(176,224,230) | |
| azul claro | #ADD8E6 | rgb(173.216.230) | |
| azul claro | #87CEFA | rgb(135,206,250) | |
| céu azul | #87CEEB | rgb(135,206,235) | |
| céu azul profundo | #00BFFFF | RGB(0,191,255) | |
| lightsteelblue | #B0C4DE | rgb(176,196,222) | |
| Trapaceiro azul | #1E90FF | rgb(30,144,255) | |
| centáurea azul | #6495ED | RGB(100,149,237) | |
| aço azul | #4682B4 | RGB(70,130,180) | |
| azul royal | #4169E1 | rgb(65,105,225) | |
| azul | #0000FF | RGB(0,0,255) | |
| azul médio | #0000CD | RGB(0,0,205) | |
| azul escuro | #00008B | RGB(0,0,139) | |
| marinha | #000080 | RGB(0,0,128) | |
| azul da meia noite | #191970 | RGB(25,25,112) | |
| azul ardósia média | #7B68EE | RGB(123,104,238) | |
| azul ardósia | #6A5ACD | RGB(106,90,205) | |
| azul ardósia escura | #483D8B | RGB(72,61,139) |
| Cor | Nome da corHTML / CSS |
Código hexadecimal #RRGGBB |
Código Decimal (R,G,B) |
|---|---|---|---|
| lavanda | #E6E6FA | RGB(230,230,250) | |
| cardo | #D8BFD8 | rgb(216,191,216) | |
| ameixa | #DDA0DD | rgb(221,160,221) | |
| tolet | #EE82EE | rgb(238,130,238) | |
| orquídea | #DA70D6 | rgb(218,112,214) | |
| fúcsia | #FF00FF | rgb(255,0,255) | |
| magenta | #FF00FF | rgb(255,0,255) | |
| orquídea média | #BA55D3 | RGB(186,85,211) | |
| roxo médio | #9370DB | rgb(147,112,219) | |
| azul violeta | #8A2BE2 | rgb(138,43,226) | |
| violeta escuro | #9400D3 | rgb(148,0,211) | |
| darkorchid | #9932CC | RGB(153,50,204) | |
| magenta escuro | #8B008B | RGB(139,0,139) | |
| roxo | #800080 | RGB(128,0,128) | |
| índigo | #4B0082 | RGB(75,0,130) |
| Cor | Nome da corHTML / CSS |
Código hexadecimal #RRGGBB |
Código Decimal (R,G,B) |
|---|---|---|---|
| rosa | #FFC0CB | rgb(255,192,203) | |
| luz rosa | #FFB6C1 | rgb(255,182,193) | |
| Rosa quente | #FF69B4 | RGB(255,105,180) | |
| Rosa escuro | #FF1493 | RGB(255,20,147) | |
| vermelho pálido | #DB7093 | rgb(219,112,147) | |
| vermelhovioleta médio | #C71585 | RGB(199,21,133) |
| Cor | Nome da corHTML / CSS |
Código hexadecimal #RRGGBB |
Código Decimal (R,G,B) |
|---|---|---|---|
| branco | #FFFFFF | RGB(255,255,255) | |
| neve | #FFFAFA | RGB(255,250,250) | |
| melada | #F0FFF0 | rgb(240,255,240) | |
| creme de menta | #F5FFFA | RGB(245,255,250) | |
| azul | #F0FFFF | RGB(240,255,255) | |
| aliceblue | #F0F8FF | rgb(240,248,255) | |
| fantasma branco | #F8F8FF | rgb(248,248,255) | |
| fumaça branca | #F5F5F5 | rgb(245,245,245) | |
| Concha do mar | #FFF5EE | rgb(255,245,238) | |
| bege | #F5F5DC | rgb(245,245,220) | |
| renda antiga | #FDF5E6 | rgb(253,245,230) | |
| floral branco | #FFFAF0 | RGB(255,250,240) | |
| marfim | #FFFFF0 | RGB(255,255,240) | |
| branco antigo | #FAEBD7 | RGB(250,235,215) | |
| linho | #FAF0E6 | RGB(250,240,230) | |
| lavanda blush | #FFF0F5 | rgb(255,240,245) | |
| Mistyrose | #FFE4E1 | rgb(255,228,225) |
| Cor | Nome da corHTML / CSS |
Código hexadecimal #RRGGBB |
Código Decimal (R,G,B) |
|---|---|---|---|
| gainboro | #DCDCDC | rgb(220,220,220) | |
| cinza claro | #D3D3D3 | rgb(211,211,211) | |
| prata | #C0C0C0 | rgb(192,192,192) | |
| cinza escuro | #A9A9A9 | RGB(169,169,169) | |
| cinza | #808080 | RGB(128,128,128) | |
| cinza escuro | #696969 | RGB(105,105,105) | |
| luzeslategray | #778899 | RGB(119,136,153) | |
| ardósia cinza | #708090 | rgb(112,128,144) | |
| cinza escuro ardósia | #2F4F4F | RGB(47,79,79) | |
| preto | #000000 | RGB(0,0,0) |
| Cor | Nome da corHTML / CSS |
Código hexadecimal #RRGGBB |
Código Decimal (R,G,B) |
|---|---|---|---|
| cornsilk | #FFF8DC | rgb(255,248,220) | |
| amêndoa escaldada | #FFEBCD | rgb(255,235,205) | |
| biscoito | #FFE4C4 | rgb(255,228,196) | |
| navajowhite | #FFDEAD | rgb(255,222,173) | |
| trigo | #F5DEB3 | rgb(245,222,179) | |
| Madeira robusta | #DEB887 | rgb(222,184,135) | |
| bronzeado | #D2B48C | RGB(210,180,140) | |
| marrom-rosado | #BC8F8F | RGB(188,143,143) | |
| castanho-areia | #F4A460 | rgb(244,164,96) | |
| vara de ouro | #DAA520 | rgb(218,165,32) | |
| Peru | #CD853F | rgb(205,133,63) | |
| chocolate | #D2691E | RGB(210,105,30) | |
| marrom sela | #8B4513 | RGB(139,69,19) | |
| siena | #A0522D | RGB(160,82,45) | |
| marrom | #A52A2A | RGB(165,42,42) | |
| marrom | #800000 | rgb(128,0,0) |
Nossa ferramenta de códigos de cores CSS permite aos usuários códigos de cores CSS.Algumas das características proeminentes deste utilitário são explicadas abaixo.
A interface amigável de nossa ferramenta de códigos de cores CSS oferece a facilidade de realizar essa conversão instantaneamente.Você não precisa mais adquirir habilidades de programação para códigos de cores CSS devido à simplicidade desta ferramenta.
Você não precisa passar por nenhum processo de registro para usar os códigos de cores CSS.Usando este utilitário, você pode usar a ferramenta de códigos de cores CSS quantas vezes quiser gratuitamente.
Esses códigos de cores CSS podem ser acessados de qualquer canto do mundo.Você não precisa se preocupar com a compatibilidade desta ferramenta on-line, pois pode codificar cores CSS com ela de qualquer dispositivo.Tudo o que você precisa é de uma conexão com a Internet para acessar e usar esta ferramenta de códigos de cores CSS.
Os códigos de cores CSS permitem que você conclua a mesma tarefa imediatamente.Você não será solicitado a seguir procedimentos manuais, pois seus algoritmos automatizados farão o trabalho para você.
A ferramenta de códigos de cores CSS funciona perfeitamente em todos os sistemas operacionais.Quer você tenha um dispositivo Mac, iOS, Android, Windows ou Linux, você pode facilmente usar este utilitário online sem enfrentar qualquer aborrecimento.
Você não precisa passar por nenhum processo de registro para usar esta ferramenta de códigos de cores CSS.Você pode usar este utilitário gratuitamente e fazer códigos de cores CSS ilimitados sem quaisquer limitações.
Advertising