Meta tags:
description=Defina cores em HTML com nomes, códigos hex (#RRGGBB, #RGB, #RRGGBBAA), rgb()/rgba() e hsl()/hsla(). Exemplos, tabela de nomes e dicas de contraste.;

Headings (most frequently used words):

de, cores, cor, html, exemplo, da, propriedade, color, usada, com, valor, hex, nomes, valores, rgb, background, em, códigos, hsl, hsla, acessibilidade, lista, prática, resultado, nome, rgba, adicionando, opacidade,

Text of the page (most frequently used words):
html (74), color (34), cores (26), cor (26), para (24), rgb (23), css (19), svg (19), hex (18), background (18), div (17), style (17), uma (16), title (16), aprender (15), valor (13), com (13), #valores (12), hsl (12), que (12), nomes (11), você (11), body (11), head (11), this (9), blue (9), canvas (9), mais (8), texto (8), the (8), hsla (7), por (7), #exemplo (7), como (7), opacidade (7), text (7), 255 (7), todos (6), códigos (6), são (6), pode (6), copiar (6), padding (6), doctype (6), rgba (6), mesmo (6), propriedade (6), tags (6), w3docs (5), hexadecimal (5), matiz (5), document (5), canal (5), vermelho (5), atributo (5), introdução (5), html5 (5), formatter (5), code (4), generator (4), prática (4), das (4), especificar (4), código (4), elementos (4), grey (4), nome (4), apenas (4), luminosidade (4), alfa (4), azul (4), forma (4), dígitos (4), 112 (4), totalmente (4), atributos (4), sobre (3), json (3), encoder (3), editor (3), ferramentas (3), quizzes (3), exercícios (3), php (3), javascript (3), web (3), lista (3), acessibilidade (3), usando (3), formas (3), ser (3), ffffff (3), white (3), ff0000 (3), red (3), seu (3), fundo (3), branco (3), use (3), par (3), contraste (3), formulários (3), saturação (3), class (3), 100 (3), verde (3), onde (3), experimente (3), and (3), 169 (3), usada (3), elemento (3), cada (3), rrggbbaa (3), referência (3), templates (3), string (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), idioma (2), beautifier (2), diff (2), password (2), python (2), java (2), git (2), livros (2), tutoriais (2), exemplos (2), snippets (2), page (2), comentários (2), listas (2), selecione (2), todas (2), opções (2), corretas (2), quais (2), alternativas (2), seguir (2), válidas (2), esses (2), podem (2), fundos (2), lado (2), capítulos (2), tomato (2), 708090 (2), navy (2), ff00ff (2), 778899 (2), d3d3d3 (2), green (2), 808080 (2), 696969 (2), 2f4f4f (2), a9a9a9 (2), 00ffff (2), está (2), dos (2), paleta (2), telas (2), milhões (2), cinza (2), mas (2), não (2), também (2), usuários (2), nunca (2), duas (2), vale (2), componentes (2), normal (2), útil (2), faded (2), solid (2), 210 (2), adiciona (2), porcentagem (2), preto (2), 360 (2), ela (2), separados (2), transparente (2), opaco (2), adicionar (2), propriedades (2), correspondentes (2), mistura (2), canais (2), usar (2), picker (2), 1c87c9 (2), formato (2), vira (2), dígito (2), abreviada (2), formatos (2), opcional (2), rrggbb (2), estilos (2), define (2), tabela (2), accept (2), dir (2), tutorial (2), imagens (2), url (2), http (2), iso (2), hash (2), 2026, direitos, reservados, feito, desenvolvedores, política, privacidade, contato, empresa, try, gratuitos, desde, 2014, next, previous, yes, was, helpful, verificar, temperatura, notas, musicais, predefinidos, hexadecimais, usados, textos, bordas, outros, aprofundar, leia, 9acd32, yellowgreen, ffff00, yellow, f5f5f5, whitesmoke, f5deb3, wheat, ee82ee, violet, 40e0d0, turquoise, ff6347, d8bfd8, thistle, 008080, teal, d2b48c, tan, 4682b4, steelblue, 00ff7f, springgreen, fffafa, snow, slategrey, slategray, 6a5acd, slateblue, 87ceeb, skyblue, c0c0c0, silver, a0522d, sienna, fff5ee, seashell, 2e8b57, seagreen, f4a460, sandybrown, fa8072, salmon, 8b4513, saddlebrown, 4169e1, royalblue, bc8f8f, rosybrown, 800080, purple, b0e0e6, powderblue, dda0dd, plum, ffc0cb, pink, cd853f, peru, ffdab9, peachpuff, ffefd5, papayawhip, db7093, palevioletred, afeeee, paleturquoise, 98fb98, palegreen, eee8aa, palegoldenrod, da70d6, orchid, ff4500, orangered, ffa500, orange, 6b8e23, olivedrab, 808000, olive, fdf5e6, oldlace, 000080, ffdead, navajowhite, ffe4b5, moccasin, ffe4e1, mistyrose, f5fffa, mintcream, 191970, midnightblue, c71585, mediumvioletred, 48d1cc, mediumturquoise, 00fa9a, mediumspringgreen, 7b68ee, mediumslateblue, 3cb371, mediumseagreen, 9370db, mediumpurple, ba55d3, mediumorchid, 0000cd, mediumblue, 66cdaa, mediumaquamarine, 800000, maroon, magenta, faf0e6, linen, 32cd32, limegreen, 00ff00, lime, ffffe0, lightyellow, b0c4de, lightsteelblue, lightslategrey, lightslategray, 87cefa, lightskyblue, 20b2aa, lightseagreen, ffa07a, lightsalmon, ffb6c1, lightpink, 90ee90, lightgreen, lightgrey, lightgray, fafad2, lightgoldenrodyellow, e0ffff, lightcyan, f08080, lightcoral, add8e6, lightblue, fffacd, lemonchiffon, 7cfc00, lawngreen, fff0f5, lavenderblush, e6e6fa, lavender, f0e68c, khaki, fffff0, ivory, 4b0082, indigo, cd5c5c, indianred, ff69b4, hotpink, f0fff0, honeydew, adff2f, greenyellow, 008000, gray, daa520, goldenrod, ffd700, gold, f8f8ff, ghostwhite, dcdcdc, gainsboro, fuchsia, 228b22, forestgreen, fffaf0, floralwhite, b22222, firebrick, 1e90ff, dodgerblue, dimgrey, dimgray, 00bfff, deepskyblue, ff1493, deeppink, 9400d3, darkviolet, 00ced1, darkturquoise, darkslategrey, darkslategray, 483d8b, darkslateblue, 8fbc8f, darkseagreen, e9967a, darksalmon, 8b0000, darkred, 9932cc, darkorchid, ff8c00, darkorange, 556b2f, darkolivegreen, 8b008b, darkmagenta, bdb76b, darkkhaki, 006400, darkgreen, darkgrey, darkgray, b8860b, darkgoldenrod, 008b8b, darkcyan, 00008b, darkblue, cyan, dc143c, crimson, fff8dc, cornsilk, 6495ed, cornflowerblue, ff7f50, coral, d2691e, chocolate, 7fff00, chartreuse, 5f9ea0, cadetblue, deb887, burlywood, a52a2a, brown, 8a2be2, blueviolet, 0000ff, ffebcd, blanchedalmond, 000000, black, ffe4c4, bisque, f5f5dc, beige, f0ffff, azure, 7fffd4, aquamarine, aqua, faebd7, antiquewhite, f0f8ff, aliceblue, aqui, alguns, padrão, 216, safe, antigos, listam, construídas, pares, era, solução, alternativa, limitadas, 256, modernas, renderizam, portanto, essa, obsoleta, deve, escolher, qualquer, adapte, design, claro, parecer, elegante, atingir, mínimo, nosso, testar, primeiro, plano, antes, publicar, verificador, verifique, suas, combinações, transmitir, informações, marque, campos, obrigatórios, estados, erro, ícone, daltônicos, leitores, tela, fiquem, excluídos, dependa, consequências, lembrar, grande, cerca, 18pt, 24px, 14pt, 19px, negrito, interface, gráficos, relação, nível, diz, respeito, legibilidade, exigem, taxa, pelo, menos, diretrizes, conteúdo, wcag, independentes, gerar, variações, hover, versões, escuras, claras, marca, mantenha, diminua, with, opacity, assim, versão, viva, ângulo, roda, 240, 120, descreve, muitos, designers, pensam, atiz, aturação, uminosidade, facilita, criação, família, tons, relacionados, ajustando, moderno, sintaxe, equivalente, espaços, faz, trabalho, 19197080, box, uses, semi, transparent, estende, quarto, controla, isso, sobreposições, coloridas, semitransparentes, deseja, camada, baixo, apareça, adicionando, ermelho, erde, zul, exatamente, modelo, escrito, decimal, colorir, coloque, vez, etapa, anterior, nossa, ferramenta, explorar, seus, resultado, 8ebf42, d5dce8, final, aproximadamente, 1c87c980, quando, usa, repetido, contraí, navegador, expande, duplicando, fc0, ffcc00, f00, existem, conhecer, escritos, números, seis, começando, sinal, letras, usadas, maiúsculas, minúsculas, branca, escrever, triplete, representa, três, definindo, níveis, ele, especificado, notação, menor, atribuído, fontes, luz, maior, intercambiáveis, descrevem, puro, aprofundada, veja, palavras, chave, rebeccapurple, nomeadas, aplicadas, seja, inline, meio, folha, atribui, esta, página, cobre, border, defina, dicas, charset, checked, autoplay, action, accesskey, colspan, defer, autofocus, autocomplete, draggable, download, disabled, coords, controls, contenteditable, content, async, alt, attribute, reference, forms, vídeos, youtube, multimídia, media, obsoletos, attributes, gradiente, radial, lineargradient, sombras, projetadas, efeitos, desfoque, aos, filtros, stroking, path, polyline, polygon, linha, elipse, círculo, retângulo, gradientes, coordenadas, desenhando, xmp, wbr, video, var, track, time, thead, tfoot, textarea, template, tbody, table, sup, summary, sub, strong, strike, span, spacer, source, small, select, section, script, samp, ruby, rtc, progress, pre, picture, plaintext, param, output, option, optgroup, object, noscript, noframes, nobr, nav, meter, meta, menuitem, menu, marquee, mark, map, main, link, legend, label, keygen, kbd, isindex, ins, input, img, iframe, hgroup, header, frameset, frame, form, footer, font, figure, figcaption, fieldset, embed, dialog, dfn, details, del, datalist, data, colgroup, col, cite, center, caption, button, blockquote, blink, big, bdo, bdi, basefont, base, audio, aside, article, area, applet, address, acronym, abbr, evento, globais, obsoletas, xhtml, tipos, mime, mensagens, status, métodos, atalhos, teclado, entidades, codificação, utf, 8859, ascii, conjuntos, caracteres, references, migração, suporte, navegadores, áudio, vídeo, semânticos, layout, computercode, caminhos, arquivo, scripts, blocos, tabelas, links, formatação, títulos, básicas, editores, basics, entrar, pesquisar, formatters, reverse, sha256, md5, length, calculator, colors, mixer, converter, general, cursos,

Text of the page (random words):
cores em html códigos de cor hex nomes e valores rgb w3docs w3docs livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python cursos quizzes exercícios snippets ferramentas general tools html editor password generator html encoder code diff json beautifier todos os 13 color tools color picker color converter color mixer color hex colors hsl todos os 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder todos os 19 code formatters javascript formatter css formatter html formatter json formatter php formatter pesquisar na w3docs k pt english en deutsch de русский ru français fr español es português pt italiano it entrar aprender html html basics introdução ao html editores e ferramentas elementos html tags básicas do html atributos html títulos html formatação html links html listas html cores em html comentários html tabelas html blocos html scripts html estilos html css caminhos de arquivo html html computercode html templates templates de layout templates de formulários html 5 introdução ao html5 tags html5 elementos semânticos áudio vídeo suporte a navegadores html5 migração para html5 html references conjuntos de caracteres ascii iso 8859 1 códigos de idioma iso codificação utf 8 entidades html atalhos de teclado métodos http imagens html mensagens de status http tipos mime tabela de tags html xhtml html url html tags tags obsoletas atributos globais html atributos de evento tags html doctype a abbr acronym address applet area article aside audio b base basefont bdi bdo big blink blockquote body br button canvas caption center cite code col colgroup data datalist dd del details dfn dialog dir div dl dt em embed fieldset figcaption figure font footer form frame frameset h1 h6 head header hgroup hr html i iframe img input ins isindex kbd keygen label legend li link main map mark marquee menu menuitem meta meter nav nobr noframes noscript object ol optgroup option output p param plaintext picture pre progress q rb rp rt rtc ruby s samp script section select small source spacer span strike strong style sub summary sup svg table tbody td template textarea tfoot th thead time title tr track tt u ul var video wbr xmp canvas tutorial introdução ao canvas desenhando no canvas coordenadas do canvas gradientes no canvas texto no canvas imagens no canvas referência do canvas svg tutorial introdução ao svg svg no html5 retângulo svg círculo svg svg elipse linha svg svg polygon svg polyline svg path svg text svg stroking introdução aos filtros svg efeitos de desfoque svg sombras projetadas svg svg lineargradient gradiente radial svg referência svg html attributes atributos obsoletos atributo class do html atributo id do html html media html multimídia vídeos do youtube em html html forms formulários html html attribute reference alt async accept content contenteditable controls coords disabled download draggable autocomplete autofocus defer dir colspan accesskey action autoplay checked accept charset cores em html defina cores em html com nomes códigos hex rrggbb rgb rrggbbaa rgb rgba e hsl hsla exemplos tabela de nomes e dicas de contraste as cores em html são aplicadas com css seja de forma inline por meio do atributo style ou em uma folha de estilos você nunca define uma cor apenas no html você define uma propriedade css como color cor do texto background color ou border color e atribui a ela um valor de cor esta página cobre todos os formatos de valor de cor que você pode usar cores nomeadas palavras chave como red tomato ou rebeccapurple hexadecimal rrggbb a forma abreviada rgb e o formato de 8 dígitos rrggbbaa com canal alfa rgb rgba canais vermelho verde e azul mais opacidade opcional hsl hsla matiz saturação e luminosidade mais opacidade opcional todos esses formatos são intercambiáveis ff0000 red rgb 255 0 0 e hsl 0 100 50 descrevem o mesmo vermelho puro para uma referência mais aprofundada no lado do css veja os capítulos css color e css background color códigos de cor hex um código de cor hex é um triplete hexadecimal que representa três valores separados definindo os níveis das cores componentes ele é especificado com notação hexadecimal hex para uma mistura dos valores de cor vermelho verde e azul o menor valor que pode ser atribuído a uma das fontes de luz é 0 hex 00 o maior valor é 255 hex ff os valores hex são escritos como números de seis dígitos começando com um sinal as letras usadas em um dígito hexadecimal podem ser maiúsculas ou minúsculas por exemplo para especificar a cor branca você pode escrever ffffff ou ffffff existem mais duas formas hex que vale conhecer forma abreviada rgb quando cada canal usa um par repetido você pode contraí lo ff0000 vira f00 e ffcc00 vira fc0 o navegador expande cada dígito duplicando o formato de 8 dígitos rrggbbaa adiciona um par final para o canal alfa opacidade de 00 totalmente transparente a ff totalmente opaco por exemplo 1c87c980 é o azul 1c87c9 com aproximadamente 50 de opacidade para adicionar uma cor a um elemento de texto use o atributo style onde a propriedade color é seu código hex ou as propriedades css correspondentes como color ou background color exemplo da propriedade background color usada com o valor hex doctype html html head title title of the document title style div background color 1c87c9 color d5dce8 padding 22 px style head body div p this is a text in grey and the background is blue p div p style color 8ebf42 this is a text in green p body html copiar experimente você mesmo resultado você pode usar nossa ferramenta color picker para explorar milhões de cores e copiar seus valores hex rgb e hsl nomes de cores html para colorir um elemento de texto usando um nome de cor html coloque o nome da cor blue por exemplo em vez do código hex da etapa anterior exemplo da propriedade color usada com o valor nome de cor doctype html html head title title of the document title style div background color blue color white padding 22 px style head body div p this is a text in grey and the background is blue p div p style color blue this is a text in blue p body html copiar experimente você mesmo valores de cor rgb um valor rgb mistura os canais v ermelho v erde e a zul cada um de 0 a 255 exatamente o mesmo modelo que o hex mas escrito em decimal rgb 255 0 0 é vermelho rgb 0 0 0 é preto e rgb 255 255 255 é branco para adicionar uma cor a um elemento de texto use o atributo style onde a propriedade color é seu valor rgb ou as propriedades css correspondentes exemplo da propriedade background color usada com o valor rgb doctype html html head title title of the document title style div background color rgb 25 25 112 color rgb 169 169 169 padding 22 px style head body div p this is a text in grey and the background is blue p div p style color rgb 25 25 112 this is a text in blue p body html copiar experimente você mesmo rgba adicionando opacidade rgba estende rgb com um quarto valor o canal alfa que controla a opacidade de 0 totalmente transparente a 1 totalmente opaco isso é útil para sobreposições coloridas ou fundos semitransparentes onde você deseja que a camada por baixo apareça doctype html html head title title of the document title style div background color rgba 25 25 112 0 5 color rgb 33 33 33 padding 22 px style head body div p this box uses a semi transparent navy background p div body html copiar no css moderno rgb 25 25 112 50 é a sintaxe equivalente com espaços separados e o hex de 8 dígitos 19197080 faz o mesmo trabalho valores de cor hsl e hsla hsl descreve uma cor da forma como muitos designers pensam sobre ela por m atiz s aturação e l uminosidade o que facilita a criação de uma família de tons relacionados ajustando apenas um valor matiz é um ângulo na roda de cores de 0 a 360 0 e 360 é vermelho 120 é verde 240 é azul saturação é uma porcentagem 0 é cinza 100 é a versão mais viva do matiz luminosidade é uma porcentagem 0 é preto 50 é a cor normal 100 é branco hsla adiciona um canal alfa para opacidade assim como rgba doctype html html head title title of the document title style solid background color hsl 210 79 46 color white padding 22 px faded background color hsla 210 79 46 0 4 padding 22 px style head body div class solid p hsl background p div div class faded p hsla background with 40 opacity p div body html copiar como luminosidade e saturação são independentes do matiz hsl é útil para gerar variações de hover ou versões mais escuras mais claras de uma cor de marca mantenha o matiz diminua a luminosidade cores e acessibilidade a cor também diz respeito à legibilidade as diretrizes de acessibilidade para conteúdo web wcag exigem uma taxa de contraste de pelo menos 4 5 1 para texto normal em relação ao fundo nível aa 3 1 para texto grande cerca de 18pt 24px ou 14pt 19px em negrito e para componentes de interface e elementos gráficos duas consequências que vale lembrar nunca dependa apenas da cor para transmitir informações por exemplo marque campos obrigatórios de formulários ou estados de erro com texto ou um ícone também para que usuários daltônicos e usuários de leitores de tela não fiquem excluídos verifique suas combinações um cinza claro sobre fundo branco pode parecer elegante mas não atingir o mínimo de 4 5 1 use nosso verificador de contraste de cores para testar um par de primeiro plano fundo antes de publicar a paleta de 216 cores web safe que tutoriais mais antigos listam cores construídas apenas com os pares hex 00 33 66 99 cc ff era uma solução alternativa para telas limitadas a 256 cores as telas modernas renderizam milhões de cores portanto essa paleta está obsoleta e você deve escolher qualquer valor que se adapte ao seu design lista de nomes de cores html aqui está uma lista de alguns dos nomes de cores html padrão nome da cor valor hexadecimal aliceblue f0f8ff antiquewhite faebd7 aqua 00ffff aquamarine 7fffd4 azure f0ffff beige f5f5dc bisque ffe4c4 black 000000 blanchedalmond ffebcd blue 0000ff blueviolet 8a2be2 brown a52a2a burlywood deb887 cadetblue 5f9ea0 chartreuse 7fff00 chocolate d2691e coral ff7f50 cornflowerblue 6495ed cornsilk fff8dc crimson dc143c cyan 00ffff darkblue 00008b darkcyan 008b8b darkgoldenrod b8860b darkgray a9a9a9 darkgrey a9a9a9 darkgreen 006400 darkkhaki bdb76b darkmagenta 8b008b darkolivegreen 556b2f darkorange ff8c00 darkorchid 9932cc darkred 8b0000 darksalmon e9967a darkseagreen 8fbc8f darkslateblue 483d8b darkslategray 2f4f4f darkslategrey 2f4f4f darkturquoise 00ced1 darkviolet 9400d3 deeppink ff1493 deepskyblue 00bfff dimgray 696969 dimgrey 696969 dodgerblue 1e90ff firebrick b22222 floralwhite fffaf0 forestgreen 228b22 fuchsia ff00ff gainsboro dcdcdc ghostwhite f8f8ff gold ffd700 goldenrod daa520 gray 808080 grey 808080 green 008000 greenyellow adff2f honeydew f0fff0 hotpink ff69b4 indianred cd5c5c indigo 4b0082 ivory fffff0 khaki f0e68c lavender e6e6fa lavenderblush fff0f5 lawngreen 7cfc00 lemonchiffon fffacd lightblue add8e6 lightcoral f08080 lightcyan e0ffff lightgoldenrodyellow fafad2 lightgray d3d3d3 lightgrey d3d3d3 lightgreen 90ee90 lightpink ffb6c1 lightsalmon ffa07a lightseagreen 20b2aa lightskyblue 87cefa lightslategray 778899 lightslategrey 778899 lightsteelblue b0c4de lightyellow ffffe0 lime 00ff00 limegreen 32cd32 linen faf0e6 magenta ff00ff maroon 800000 mediumaquamarine 66cdaa mediumblue 0000cd mediumorchid ba55d3 mediumpurple 9370db mediumseagreen 3cb371 mediumslateblue 7b68ee mediumspringgreen 00fa9a mediumturquoise 48d1cc mediumvioletred c71585 midnightblue 191970 mintcream f5fffa mistyrose ffe4e1 moccasin ffe4b5 navajowhite ffdead navy 000080 oldlace fdf5e6 olive 808000 olivedrab 6b8e23 orange ffa500 orangered ff4500 orchid da70d6 palegoldenrod eee8aa palegreen 98fb98 paleturquoise afeeee palevioletred db7093 papayawhip ffefd5 peachpuff ffdab9 peru cd853f pink ffc0cb plum dda0dd powderblue b0e0e6 purple 800080 red ff0000 rosybrown bc8f8f royalblue 4169e1 saddlebrown 8b4513 salmon fa8072 sandybrown f4a460 seagreen 2e8b57 seashell fff5ee sienna a0522d silver c0c0c0 skyblue 87ceeb slateblue 6a5acd slategray 708090 slategrey 708090 snow fffafa springgreen 00ff7f steelblue 4682b4 tan d2b48c teal 008080 thistle d8bfd8 tomato ff6347 turquoise 40e0d0 violet ee82ee wheat f5deb3 white ffffff whitesmoke f5f5f5 yellow ffff00 yellowgreen 9acd32 esses nomes de cores podem ser usados em código html e css para especificar a cor de textos fundos bordas e outros elementos para aprofundar no lado do css leia os capítulos css color css background color e nomes de cores css prática prática selecione todas as opções corretas quais das alternativas a seguir são formas válidas de especificar cores em css selecione todas as opções corretas quais das alternativas a seguir são formas válidas de especificar cores em css códigos hexadecimais nomes de cores predefinidos valores rgb usando notas musicais valores hsl usando valores de temperatura verificar was this page helpful yes no previous listas html next comentários html on this page códigos de cor hex nomes de cores html valores de cor rgb valores de cor hsl e hsla cores e acessibilidade lista de nomes de cores html prática w3docs tutoriais exemplos exercícios snippets e quizzes gratuitos para a web desde 2014 livros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python prática exercícios quizzes editor try it ferramentas html editor password generator html encoder code diff json beautifier empresa sobre contato política de privacidade idioma english deutsch русский français español português italiano 2026 w3docs todos os direitos reservados feito para desenvolvedores