HTML - nomes de cores
A tabela a seguir mostra os 16 nomes de cores que foram introduzidos no HTML 3.2 -
| Nome da Cor | Valor hexadecimal | Cor | exposição |
|---|---|---|---|
| água | # 00ffff | Demo | |
| Preto | # 000000 | Demo | |
| azul | # 0000ff | Demo | |
| fúcsia | # ff00ff | Demo | |
| verde | # 008000 | Demo | |
| cinzento | # 808080 | Demo | |
| Lima | # 00ff00 | Demo | |
| marrom | # 800000 | Demo | |
| marinha | # 000080 | Demo | |
| Oliva | # 808000 | Demo | |
| roxa | # 800080 | Demo | |
| vermelho | # ff0000 | Demo | |
| prata | # c0c0c0 | Demo | |
| cerceta | # 008080 | Demo | |
| branco | #ffffff | Demo | |
| amarelo | # ffff00 | Demo |
Existem outras cores que não fazem parte do HTML ou XHTML, mas são suportadas pela maioria das versões dos principais navegadores.
| Nome da Cor | Valor hexadecimal | Cor | exposição |
|---|---|---|---|
| aliceblue | # f0f8ff | Demo | |
| antiquado | # faebd7 | Demo | |
| água-marinha | # 7fffd4 | Demo | |
| azul | # f0ffff | Demo | |
| bege | # f5f5dc | Demo | |
| bisque | # ffe4c4 | Demo | |
| amêndoa | #ffebcd | Demo | |
| blueviolet | # 8a2be2 | Demo | |
| Castanho | # a52a2a | Demo | |
| Madeira robusta | # deb887 | Demo | |
| cadetblue | # 5f9ea0 | Demo | |
| chartreuse | # 7fff00 | Demo | |
| chocolate | # d2691e | Demo | |
| coral | # ff7f50 | Demo | |
| azul centáurea | # 6495ed | Demo | |
| seda de milho | # fff8dc | Demo | |
| carmesim | # dc143c | Demo | |
| ciano | # 00ffff | Demo | |
| azul escuro | # 00008b | Demo | |
| darkcyan | # 008b8b | Demo | |
| Darkgoldenrod | # b8860b | Demo | |
| cinza escuro | # a9a9a9 | Demo | |
| verde escuro | # 006400 | Demo | |
| Darkkhaki | # bdb76b | Demo | |
| darkmagenta | # 8b008b | Demo | |
| verde-escuro | # 556b2f | Demo | |
| laranja escuro | # ff8c00 | Demo | |
| darkorchid | # 9932cc | Demo | |
| vermelho escuro | # 8b0000 | Demo | |
| Darksalmon | # e9967a | Demo | |
| verde escuro | # 8fbc8f | Demo | |
| darkslateblue | # 483d8b | Demo | |
| Darkslategray | # 2f4f4f | Demo | |
| turquesa escura | # 00ced1 | Demo | |
| darkviolet | # 9400d3 | Demo | |
| Rosa escuro | # ff1493 | Demo | |
| deepskyblue | # 00bfff | Demo | |
| escurecer | # 696969 | Demo | |
| Trapaceiro azul | # 1e90ff | Demo | |
| tijolo refratário | # b22222 | Demo | |
| branco floral | # fffaf0 | Demo | |
| verde floresta | # 228b22 | Demo | |
| Ginsboro | #dcdcdc | Demo | |
| fantasma branco | # f8f8ff | Demo | |
| ouro | # ffd700 | Demo | |
| Goldenrod | # daa520 | Demo | |
| cinzento | # 808080 | Demo | |
| verde amarelo | # adff2f | Demo | |
| melada | # f0fff0 | Demo | |
| Rosa quente | # ff69b4 | Demo | |
| índio | # cd5c5c | Demo | |
| índigo | # 4b0082 | Demo | |
| marfim | # fffff0 | Demo | |
| cáqui | # f0e68c | Demo | |
| lavanda | # e6e6fa | Demo | |
| lavenderblush | # fff0f5 | Demo | |
| Lawngreen | # 7cfc00 | Demo | |
| Lemonchiffon | #fffacd | Demo | |
| azul claro | # add8e6 | Demo | |
| cor de luz | # f08080 | Demo | |
| Ciano claro | # e0ffff | Demo | |
| dourado claro | # fafad2 | Demo | |
| luz verde | # 90ee90 | Demo | |
| cinza claro | # d3d3d3 | Demo | |
| luz rosa | # ffb6c1 | Demo | |
| lightalmon | # ffa07a | Demo | |
| verde claro | # 20b2aa | Demo | |
| azul claro | # 87cefa | Demo | |
| raio de luz | # 778899 | Demo | |
| azul claro | # b0c4de | Demo | |
| luz amarela | # ffffe0 | Demo | |
| verde limão | # 32cd32 | Demo | |
| linho | # faf0e6 | Demo | |
| magenta | # ff00ff | Demo | |
| azul médio | # 0000cd | Demo | |
| médiumorquídeo | # ba55d3 | Demo | |
| médio púrpura | # 9370db | Demo | |
| azul da meia noite | # 191970 | Demo | |
| mistirose | # ffe4e1 | Demo | |
| mocassim | # ffe4b5 | Demo | |
| Oldlace | # fdf5e6 | Demo | |
| laranja | # ffa500 | Demo | |
| orquídea | # da70d6 | Demo | |
| pêssego | # ffdab9 | Demo | |
| Peru | # cd853f | Demo | |
| Rosa | # ffc0cb | Demo | |
| ameixa | # dda0dd | Demo | |
| roxa | # 800080 | Demo | |
| rosybrown | # bc8f8f | Demo | |
| azul real | # 4169e1 | Demo | |
| salmão | # fa8072 | Demo | |
| castanho-arenoso | # f4a460 | Demo | |
| verde Mar | # 2e8b57 | Demo | |
| Siena | # a0522d | Demo | |
| céu azul | # 87ceeb | Demo | |
| azul ardósia | # 6a5acd | Demo | |
| azul-aço | # 4682b4 | Demo | |
| bronzeado | # d2b48c | Demo | |
| cardo | # d8bfd8 | Demo | |
| tomate | # ff6347 | Demo | |
| tolet | # ee82ee | Demo | |
| trigo | # f5deb3 | Demo | |
| fumaça branca | # f5f5f5 | Demo | |
| amarelo | # ffff00 | Demo | |
| amarelo verde | # 9acd32 | Demo |
Entidades HTML
Alguns caracteres são reservados em HTML e têm um significado especial quando usados em documentos HTML. Por exemplo, você não pode usar os sinais de maior que e menor que ou colchetes angulares em seu texto HTML porque o navegador os tratará de maneira diferente e tentará desenhar um significado relacionado à tag HTML.
Os processadores HTML devem suportar os cinco caracteres especiais listados na tabela a seguir.
| Símbolo | Descrição | Nome da entidade | Código Numérico |
|---|---|---|---|
| " | Aspa | & quot; | & # 34; |
| ' | apóstrofo | & apos; | & # 39; |
| E | e comercial | & amp; | & # 38; |
| < | Menor que | & lt; | & # 60; |
| > | Maior que | & gt; | & # 62; |
Exemplo
Se você quiser escrever <div id = "character"> como um código, você terá que escrever da seguinte forma -
<!DOCTYPE html>
<html>
<head>
<title>HTML Entities</title>
</head>
<body>
<div id = "character">
</body>
</html>Isso produzirá o seguinte resultado -
Também existe uma longa lista de caracteres especiais no HTML 4.0. Para que eles apareçam em seu documento, você pode usar os códigos numéricos ou os nomes das entidades. Por exemplo, para inserir um símbolo de direitos autorais, você pode usar um dos seguintes:
© 2007
or
© 2007Entidades de símbolo ISO 8859-1
| Resultado | Descrição | Nome da entidade | Código Numérico |
|---|---|---|---|
| Espaço inquebrável | & nbsp; | & # 160; | |
| ¡ | ponto de exclamação invertido | & iexcl; | & # 161; |
| ¤ | moeda | & curren; | & # 164; |
| ¢ | centavo | & cent; | & # 162; |
| £ | libra | &libra; | & # 163; |
| ¥ | iene | & yen; | & # 165; |
| ¦ | barra vertical quebrada | & brvbar; | & # 166; |
| § | seção | & sect; | & # 167; |
| ¨ | espaçamento diâmetro | & uml; | & # 168; |
| © | direito autoral | &cópia de; | & # 169; |
| ª | indicador feminino ordinal | & ordf; | & # 170; |
| « | aspas angulares (esquerda) | & laquo; | & # 171; |
| ¬ | negação | &não; | & # 172; |
| | hífen suave | &tímido; | & # 173; |
| ® | marca registrada | & reg; | & # 174; |
| ™ | marca comercial | &comércio; | & # 8482; |
| ¯ | espaçamento mácron | & macr; | & # 175; |
| ° | grau | & deg; | & # 176; |
| ± | mais ou menos | & plusmn; | & # 177; |
| ² | sobrescrito 2 | & sup2; | & # 178; |
| ³ | sobrescrito 3 | & sup3; | & # 179; |
| ´ | espaçamento agudo | & aguda; | & # 180; |
| µ | micro | & micro; | & # 181; |
| ¶ | parágrafo | &pára; | & # 182; |
| · | ponto do meio | & middot; | & # 183; |
| ¸ | espaçamento de cedilha | & cedil; | & # 184; |
| ¹ | sobrescrito 1 | & sup1; | & # 185; |
| º | indicador ordinal masculino | & ordm; | & # 186; |
| » | aspas angulares (direita) | & raquo; | & # 187; |
| ¼ | fração 1/4 | & frac14; | & # 188; |
| ½ | fração 1/2 | & frac12; | & # 189; |
| ¾ | fração 3/4 | & frac34; | & # 190; |
| ¿ | ponto de interrogação invertido | & iquest; | & # 191; |
| × | multiplicação | & times; | & # 215; |
| ÷ | divisão | &dividir; | & # 247; |
Entidades de caráter ISO 8859-1
| Resultado | Descrição | Nome da entidade | Código Numérico |
|---|---|---|---|
| UMA | A maiúsculo, sotaque grave | &Um tumulo; | & # 192; |
| UMA | A maiúsculo, sotaque agudo | & Aacute; | & # 193; |
| UMA | A maiúsculo, acento circunflexo | & Acirc; | & # 194; |
| UMA | A maiúsculo, til | & Atilde; | & # 195; |
| UMA | A maiúsculo, marca de trema | & Auml; | & # 196; |
| UMA | A maiúsculo, anel | &Um anel; | & # 197; |
| Æ | ae capital | & AElig; | & # 198; |
| Ç | c maiúsculo, cedilha | & Ccedil; | & # 199; |
| È | E maiúsculo, sotaque grave | & Egrave; | & # 200; |
| ... | e maiúsculo, acento agudo | & Eacute; | & # 201; |
| Ê | e maiúsculo, acento circunflexo | & Ecirc; | & # 202; |
| Ë | e maiúsculo, marca de trema | & Euml; | & # 203; |
| EU | I maiúsculo, sotaque grave | & Igrave; | & # 204; |
| EU | I maiúsculo, acento agudo | & Iacute; | & # 205; |
| EU | I maiúsculo, acento circunflexo | & Icirc; | & # 206; |
| EU | I maiúsculo, marca de trema | & Iuml; | & # 207; |
| Ð | Eth capital, islandês | & ETH; | & # 208; |
| Ñ | n maiúsculo, til | & Ntilde; | & # 209; |
| Ò | o maiúsculo, sotaque grave | & Ograve; | & # 210; |
| Ó | o maiúsculo, acento agudo | & Oacute; | & # 211; |
| Ô | o maiúsculo, acento circunflexo | & Ocirc; | & # 212; |
| Õ | capital o, til | & Otilde; | & # 213; |
| Ö | o maiúsculo, marca de trema | & Ouml; | & # 214; |
| Ø | o maiúsculo, barra | & Oslash; | & # 216; |
| VOCÊ | u maiúsculo, sotaque grave | & Ugrave; | & # 217; |
| VOCÊ | u maiúsculo, sotaque agudo | & Uacute; | & # 218; |
| VOCÊ | u maiúsculo, acento circunflexo | & Ucirc; | & # 219; |
| VOCÊ | U maiúsculo, marca de trema | & Uuml; | & # 220; |
| Ý | Y maiúsculo, sotaque agudo | & Yacute; | & # 221; |
| º | capital THORN, islandesa | &ESPINHO; | & # 222; |
| ß | s agudo pequeno, alemão | & szlig; | & # 223; |
| uma | a minúsculo, sotaque grave | &um tumulo; | & # 224; |
| uma | a pequeno, sotaque agudo | & aacute; | & # 225; |
| uma | a pequeno, acento circunflexo | & acirc; | & # 226; |
| uma | a pequeno, til | & atilde; | & # 227; |
| uma | a pequeno, marca de trema | & auml; | & # 228; |
| uma | pequeno a, anel | &um anel; | & # 229; |
| æ | ae pequeno | & aelig; | & # 230; |
| ç | c pequeno, cedilha | & ccedil; | & # 231; |
| è | e pequeno, sotaque grave | & egrave; | & # 232; |
| é | e pequeno, sotaque agudo | & eacute; | & # 233; |
| ê | e pequeno, acento circunflexo | & ecirc; | & # 234; |
| ë | e pequeno, marca de trema | & euml; | & # 235; |
| Eu | eu pequeno, sotaque grave | & igrave; | & # 236; |
| Eu | i pequeno, sotaque agudo | & iacute; | & # 237; |
| Eu | i pequeno, acento circunflexo | & icirc; | & # 238; |
| Eu | i pequeno, marca de trema | & iuml; | & # 239; |
| ð | eth pequeno, islandês | & eth; | & # 240; |
| ñ | n pequeno, til | & ntilde; | & # 241; |
| ò | o pequeno, sotaque grave | & ograve; | & # 242; |
| ó | o pequeno, sotaque agudo | & oacute; | & # 243; |
| ô | o pequeno, acento circunflexo | & ocirc; | & # 244; |
| õ | pequeno o, til | & otilde; | & # 245; |
| ö | o pequeno, marca de trema | & ouml; | & # 246; |
| ø | pequeno o, barra | & oslash; | & # 248; |
| você | u pequeno, sotaque grave | & ugrave; | & # 249; |
| você | u pequeno, sotaque agudo | & uacute; | & # 250; |
| você | u pequeno, acento circunflexo | & ucirc; | & # 251; |
| você | u pequeno, marca de trema | & uuml; | & # 252; |
| ý | s pequeno, sotaque agudo | & yacute; | & # 253; |
| º | pequeno espinho, islandês | &Espinho; | & # 254; |
| ÿ | pequeno y, marca de trema | & yuml; | & # 255; |
Outras entidades suportadas por navegadores HTML
| Resultado | Descrição | Nome da entidade | Código Numérico |
|---|---|---|---|
| Π| ligadura capital OE | & OElig; | & # 338; |
| œ | ligadura pequena oe | & oelig; | & # 339; |
| Š | S maiúsculo com caron | & Scaron; | & # 352; |
| š | S pequeno com caron | & scaron; | & # 353; |
| Ÿ | Y maiúsculo com dieres | & Yuml; | & # 376; |
| ˆ | letra modificadora acento circunflexo | & circ; | & # 710; |
| ˜ | til pequeno | &til; | & # 732; |
| no espaço | & ensp; | & # 8194; | |
| em espaço | & emsp; | & # 8195; | |
| espaço fino | & thinsp; | & # 8201; | |
| | não junta de largura zero | & zwnj; | & # 8204; |
| | juntador de largura zero | & zwj; | & # 8205; |
| | marca da esquerda para a direita | & lrm; | & # 8206; |
| | marca da direita para a esquerda | & rlm; | & # 8207; |
| - | en dash | & ndash; | & # 8211; |
| - | travessão | & mdash; | & # 8212; |
| ' | aspas simples esquerda | & lsquo; | & # 8216; |
| ' | aspas simples direitas | & rsquo; | & # 8217; |
| ‚ | aspas baixas simples | & sbquo; | & # 8218; |
| “ | aspas duplas esquerdas | & ldquo; | & # 8220; |
| ” | aspas duplas direitas | & rdquo; | & # 8221; |
| „ | aspas baixas duplas 9 | & bdquo; | & # 8222; |
| † | punhal | &punhal; | & # 8224; |
| ‡ | punhal duplo | &Punhal; | & # 8225; |
| … | elipse horizontal | & hellip; | & # 8230; |
| ‰ | por mil | & permil; | & # 8240; |
| ‹ | citação angular única apontando para a esquerda | & lsaquo; | & # 8249; |
| › | citação única de ângulo reto | & rsaquo; | & # 8250; |
| € | euro | € | & # 8364; |