Mês passado, falei sobre o Pod.link como ferramenta de divulgação de podcasts, hoje o tutorial é voltado para podcasters que querem personalizar a URL (link) na plataforma. Usando um exemplo real, o endereço pod.link/1480295915 virou pod.link/culturaempauta. Quer fazer o mesmo no seu podcast?
segunda-feira, maio 10, 2021
sexta-feira, março 01, 2019
quinta-feira, maio 24, 2018
🖌 CSS | Personalizando a linha horizontal (hr) com cores e listras
Este post é uma continuação do que escrevi em 2009:
Isso significa que aqui vamos evoluir nos exemplos e brincar um pouco com gradientes e sombras.
quinta-feira, novembro 30, 2017
💻 Onde baixar temas para Telegram
Quem conhece o blog há mais tempo sabe que sou apaixonada por personalização de cores e dava muitas dicas desse tipo quando o MSN Messenger existia e o Yahoo! Messenger era mais popular.
Faz tempo que não posto sobre isso porque agora os aplicativos estão muito padronizados e não dá para mudar muita coisa, exceto, é claro, no Telegram.
domingo, setembro 03, 2017
sábado, dezembro 05, 2015
[Indisponível] Temas StarWars para Gmail e Chrome
A Google está com temas especiais por causa do lançamento do filme StarWars | O Despertar da Força. Teoricamente, deveriam aparecer em vários sites Google, mas eu só notei diferença no Gmail e na página do Waze. Se você quiser testar, é bem simples de fazer.
quinta-feira, julho 03, 2014
sábado, junho 14, 2014
sábado, maio 26, 2012
Crie imagens para background on-line
Mesmo quem não desenha pode criar backgrounds patterns (imagens de fundo lado a lado) bonitos e inéditos. Selecionei quatro sites com os quais podemos gerar as mais variadas imagens. Eles são tão fáceis de usar que dispensam tutoriais. Aproveitei para criar alguns exemplos que você pode baixar gratuitamente.
quinta-feira, maio 24, 2012
🍨 Tabela Candy Colors em RGB
As candy colors (cores de doce) não são tão apagadas quanto os tons pastéis nem tão chamativas quanto as cores vibrantes. Têm esse nome porque lembram guloseimas como sorvete, chiclete, suspiro, maria-mole, jujuba, amendoim colorido e tantos outros.
sexta-feira, setembro 09, 2011
quinta-feira, setembro 08, 2011
Marca texto colorido com HTML
A maioria das tags de HTML 5 ainda não funciona do mesmo jeito em todos os navegadores, então temos que usar gambiarras. Um exemplo é a tag <mark>, que colore o background do texto com a cor amarela, da mesma forma que uma caneta marca texto que usamos no papel.
segunda-feira, outubro 05, 2009
🎨 Como usar as cores em RGB
Personalizar as cores de muitos dos códigos disponibilizados neste blog exige o entendimento das cores RGB ou o acesso à tabela de cores para acessar esses códigos.
terça-feira, maio 20, 2008
Sensações Psicológicas das Cores
Cores | Sensações |
---|---|
Branco | Paz, pureza, refinamento, expansão, energia, higiene, claridade, clareza, verdade, monotonia. |
Prata | Reflexão. |
Cinza | Maciez, docilidade, cautela. |
Preto | Mistério, anonimato, curiosidade, camuflagem, isolamento, mal, medo, supertição, destruição, força, suspense, frieza. |
Verde | Adolescência, bem-estar, paz, saúde, ideal, abundância, tranqüilidade, segurança, natureza, equilíbrio, harmonia, esperança, serenidade, suavidade, crença, cura, paz. |
Azul | Espaço, viagem, verdade, sentido, intelectualidade, ponderação, lógica, paz, advertência, precaução, serenidade, infinito, meditação, frescor, fragilidade, juventude, expanção, intuição. |
Índigo | Frio, formalismo, meditação. |
Violeta | Espiritualidade, intuição, harmonia, purificação, sensibilidade, limpeza, imaginação. |
Roxo | Fantasia, mistério, profundidade, eletricidade, dignidade, sabedoria, conhecimento, justiça, egoísmo, grandeza, misticismo, espiritualidade, delicadeza, calma. |
Magenta | Equilíbrio mental. |
Rosa | Amor incondicional, amizade, feminilidade, sentimentos, conforto, aconchego, amor universal, tranqüilidade, suavidade, frescor, fragância. |
Vermelho | Dinamismo, força, baixeza, energia, apetite, revolta, movimento, criatividade, barbarismo, coragem, furor, esplendor, intensidade, vitalidade física, vínculo afetivo, profundidade nas relações, sexualidade, vulgaridade, poderio, vigor, glória, calor, efervescência, violência, excitação, agressão, furor, ira. |
Púrpura | Estima, valor, dignidade, amor divino, dignidade, realeza, imponência, opulência. |
Marrom | Segurança, riqueza, solidez, luxúria, calma, clareza, praticidade, pesar, melancolia. |
Laranja | Força, luminosidade, dureza, euforia, energia, alegria, advertência, tentação, criatividade, libido. |
Dourado | Energia, luxo, riqueza, poder. |
Amarelo | Iluminação, intelectualidade, conforto, alegria, liderança, alerta, simpatia, gozo, ciúme, orgulho, esperança. |
terça-feira, maio 08, 2007
Cubo de Cores Seguras
Passe o cursor sobre a cor para ver o código.
Caso prefira, a tabela de cores do blog também inclui cores seguras.
Até mais!
quinta-feira, dezembro 15, 2005
🌈 Tabela de cores | Color chart
O texto da tabela está preto com sombra branca. Quando você passa o mouse, fica branco com sombra preta. Isso serve para você testar o contraste.
Pantone | Color of the Year
Tabela com as cores de cada ano, escolhidas pela empresa Pantone. Os nomes não são valores HTML. Em seu código, use o hexadecimal ou o RGB.
Ano | Nome | Hexadecimal | RGB |
---|---|---|---|
2024 | Peach Fuzz 🔗 | #ffbe98 | rgb(255, 190, 152) |
2023 | Viva Magenta 🔗 | #be3455 | rgb(190, 52, 85) |
2022 | Very Peri | #6667AB | rgb(102, 103, 171) |
2021 | Ultimate Gray | #939597 | rgb(147, 149, 151) |
Illuminating | #F5DF4D | rgb(245, 223, 77) | |
2020 | Classic Blue | #0F4C81 | rgb(15, 76, 129) |
2019 | Living Coral | #FF6F61 | rgb(255, 111, 97) |
2018 | Ultra Violet | #5F4B8B | rgb(95, 75, 139) |
2017 | Greenery | #88B04B | rgb(136, 176, 75) |
2016 | Rosa Quartz | #F7CAC9 | rgb(247, 202, 201) |
Serenity | #92A8D1 | rgb(146, 168, 209) | |
2015 | Marsala | #955251 | rgb(149, 82, 81) |
2014 | Radiant Orchid | #B163A3 | rgb(177, 99, 163) |
2013 | Emerald | #009473 | rgb(0, 148, 115) |
2012 | Tangerine Tango | #DD4124 | rgb(221, 65, 36) |
2011 | Honeysuckle | #D94F70 | rgb(217, 79, 112) |
2010 | Turquoise | #45B5AA | rgb(69, 181, 170) |
2009 | Mimosa | #F0C05A | rgb(240, 192, 90) |
2008 | Blue Iris | #5A5B9F | rgb(90, 91, 159) |
2007 | Chili Pepper | #9B1B30 | rgb(155, 27, 48) |
2006 | Sand Dollar | #DECDBE | rgb(222, 205, 190) |
2005 | Blue Turquoise | #53B0AE | rgb(83, 176, 174) |
2004 | Tigerlily | #E2583E | rgb(226, 88, 62) |
2003 | Aqua Sky | #7BC4C4 | rgb(123, 196, 196) |
2002 | True Red | #BF1932 | rgb(191, 25, 50) |
2001 | Fuchsia Rose | #C74375 | rgb(199, 67, 117) |
2000 | Cerulean | #9BB7D4 | rgb(155, 183, 212) |
Mais cores
Aqui temos todas as cores seguras e também aquelas que podem escritas em HTML pelo nome, como violet e dodgerblue.
Hexadecimal | Valor HTML | RGB |
---|---|---|
#ffffff | white | rgb(255,255,255) |
#fffff0 | ivory | rgb(255,255,240) |
#ffffe0 | lightyellow | rgb(255,255,224) |
#ffffcc | rgb(255,255,204) | |
#ffff99 | rgb(255,255,153) | |
#ffff66 | rgb(255,255,102) | |
#ffff33 | rgb(255,255,51) | |
#ffff00 | yellow | rgb(255,255,0) |
#FFFDD0 | rgb(255, 253, 208) | |
#fffaf0 | floralwhite | rgb(255,250,240) |
#fffacd | lemonchiffon | rgb(255,250,205) |
#fffafa | snow | rgb(255,250,250) |
#FFF8e7 | rgb(255, 248, 231) | |
#fff8dc | cornsilk | rgb(255,248,220) |
#FFF600 | rgb(255, 246, 0) | |
#fff5ee | seashell | rgb(255,245,238) |
#fff0f5 | lavenderblush | rgb(255,240,245) |
#ffefd5 | papayawhip | rgb(255,239,213) |
#FFEF00 | rgb(255,239,0) | |
#ffebcd | blanchedalmond | rgb(255,235,205) |
#ffe4e1 | mistyrose | rgb(255,228,225) |
#ffe4c4 | bisque | rgb(255,228,196) |
#ffe4b5 | moccasin | rgb(255,228,181) |
#ffdead | navajowhite | rgb(255,222,173) |
#FFDb00 | rgb(255, 219, 0) | |
#FFDDCA | rgb(255, 221, 202) | |
#ffdab9 | peachpuff | rgb(255,218,185) |
#ffd7ff | rgb(255, 215, 255) | |
#ffd7cc | rgb(255, 215, 204) | |
#ffd799 | rgb(255, 215, 153) | |
#ffd700 | gold | rgb(255,215,0) |
#FFD300 | rgb(255, 211, 0) | |
#ffccff | rgb(255,204,255) | |
#ffcccc | rgb(255,204,204) | |
#ffcc99 | rgb(255,204,153) | |
#ffcc66 | rgb(255,204,102) | |
#ffcc33 | rgb(255,204,51) | |
#ffcc00 | rgb(255,204,0) | |
#FFC680 | rgb(255, 198, 128) | |
#ffc0cb | pink | rgb(255,192,203) |
#ffbf00 | rgb(255,191,0) | |
#FFBCD9 | rgb(255, 188, 217) | |
#FFB7C5 | rgb(255, 183, 197) | |
#ffb6c1 | lightpink | rgb(255,182,193) |
#ffb200 | rgb(255, 178, 0) | |
#FFAA1D | rgb(255, 170, 29) | |
#FFA700 | rgb(255, 167, 0) | |
#ffa07a | lightsalmon | rgb(255,160,122) |
#FFA6C9 | rgb(255, 166, 201) | |
#ffa500 | orange | rgb(255,165,0) |
#ff99ff | rgb(255,153,255) | |
#ff99cc | rgb(255,153,204) | |
#ff9999 | rgb(255,153,153) | |
#ff9966 | rgb(255,153,102) | |
#ff9933 | rgb(255,153,51) | |
#ff9900 | rgb(255,153,0) | |
#FF9361 | rgb(255, 147, 97) | |
#FF91AF | rgb(255, 145, 175) | |
#ff8c00 | darkorange | rgb(255,140,0) |
#ff7f50 | coral | rgb(255,127,080) |
#ff7e00 | rgb(255,126,0) | |
#ff6600 | rgb(255,102,0) | |
#ff6633 | rgb(255,102,51) | |
#ff6346 | tomato | rgb(255,99,71) |
#ff6666 | rgb(255,102,102) | |
#ff6699 | rgb(255,102,153) | |
#ff69b4 | hotpink | rgb(255,105,180) |
#ff66cc | rgb(255,102,204) | |
#ff66ff | rgb(255,102,255) | |
#FF55A3 | rgb(255, 85, 163) | |
#FF5470 | rgb(255, 84, 112) | |
#ff44ff | rgb(255,68,255) | |
#ff44cc | rgb(255,68,204) | |
#ff4499 | rgb(255,68,153) | |
#ff4466 | rgb(255,68,102) | |
#ff4433 | rgb(255,68,51) | |
#ff4400 | orangered | rgb(255,68,0) |
#FF3800 | rgb(255, 56, 0) | |
#ff33ff | rgb(255,51,255) | |
#ff33cc | rgb(255,51,204) | |
#ff3399 | rgb(255,51,153) | |
#ff3366 | rgb(255,51,102) | |
#ff3333 | rgb(255,51,51) | |
#ff3300 | rgb(255,51,0) | |
#ff1493 | deeppink | rgb(255,20,147) |
#ff0800 | rgb(255,8,0) | |
#ff0000 | red | rgb(255,0,0) |
#ff0033 | rgb(255,0,51) | |
#ff0066 | rgb(255,0,102) | |
#ff0099 | rgb(255,0,153) | |
#ff00cc | rgb(255,0,204) | |
#ff00ff | fuchsia | magenta | rgb(255,0,255) |
#FEFEFA | rgb(254, 254, 250) | |
#FE6F5E | rgb(254, 111, 94) | |
#fdf5e6 | oldlace | rgb(253,245,230) |
#FDEE00 | rgb(253, 238, 0) | |
#FD6C9E | rgb(253, 63, 146) | |
#FD3F92 | rgb(253, 63, 146) | |
#FBEC5D | rgb(251, 236, 93) | |
#FBCEB1 | rgb(251, 206, 177) | |
#FB607F | rgb(251, 96, 127) | |
#fafad2 | lightgoldenrodyellow | rgb(250,250,210) |
#faf0e6 | linen | rgb(250,240,230) |
#FAF0BE | rgb(250, 240, 190) | |
#faebd7 | antiquewhite | rgb(250,235,215) |
#FAE7B5 | rgb(250, 231, 181) | |
#FAD6A5 | rgb(250, 214, 165) | |
#fa9999 | rgb(250, 153, 153) | |
#fa8899 | rgb(250, 136, 153) | |
#fa8072 | salmon | rgb(250,128,114) |
#fa6644 | rgb(250,102,68) | |
#f8f8ff | ghostwhite | rgb(248,248,255) |
#F88379 | rgb(248, 131, 121) | |
#F7E7CE | rgb(247, 231, 206) | |
#F64A8A | rgb(246, 74, 138) | |
#f5fffa | mintcream | rgb(245,255,250) |
#f5f5f5 | whitesmoke | rgb(245,245,245) |
#f5f5dc | beige | rgb(245,245,220) |
#f5deb3 | wheat | rgb(245,222,179) |
#F56FA1 | rgb(245, 111, 161) | |
#F4C2C2 | rgb(244, 194, 194) | |
#f4a460 | sandybrown | rgb(244,164,96) |
#F400A1 | rgb(244, 0, 161) | |
#F1DDCF | rgb(241, 221, 207) | |
#F19CBB | rgb(241, 156, 187) | |
#f0ffff | azure | rgb(240,255,255) |
#f0fff0 | honeydew | rgb(240,255,240) |
#f0f8ff | aliceblue | rgb(240,248,255) |
#F0EAD6 | rgb(240, 234, 214) | |
#f0e68c | khaki | rgb(240,230,140) |
#f08080 | lightcoral | rgb(240,128,128) |
#EFDFBB | rgb(239, 223, 187) | |
#efdecd | rgb(239, 222, 205) | |
#EFBBCC | rgb(239, 187, 204) | |
#eee8aa | palegoldenrod | rgb(238,232,170) |
#EEE600 | rgb(238, 230, 0) | |
#eee5d3 | rgb(238, 229, 211) | |
#EEDC82 | rgb(238, 220, 130) | |
#ee82ee | violet | rgb(238,130,238) |
#edeae0 | rgb(237, 234, 224) | |
#EDC9AF | rgb(237, 201, 175) | |
#ED9121 | rgb(237, 145, 33) | |
#ED872D | rgb(237, 135, 45) | |
#ECEBBD | rgb(236, 235, 189) | |
#E9D66B | rgb(233, 214, 107) | |
#e9967a | darksalmon | rgb(233,150,122) |
#E97451 | rgb(233, 116, 81) | |
#E95C4B | rgb(233, 92, 75) | |
#E936A7 | rgb(233, 54, 167) | |
#e8c338 | rgb(232, 195, 56) | |
#e8c355 | rgb(232, 195, 85) | |
#e8c377 | rgb(232, 195, 119) | |
#e8c399 | rgb(232, 195, 153) | |
#e8c3bb | rgb(232, 195, 187) | |
#e7c3ca | rgb(231, 195, 202) | |
#e6c6da | rgb(230, 198, 218) | |
#e6d6ea | rgb(230, 214, 234) | |
#e6e0f0 | rgb(230, 224, 240) | |
#e6e6fa | lavender | rgb(230,230,250) |
#e6ddee | rgb(230, 221, 238) | |
#e6ccdd | rgb(230, 204, 221) | |
#e6bbcc | rgb(230, 187, 204) | |
#e6aabb | rgb(230, 170, 187) | |
#e688aa | rgb(230, 136, 170) | |
#E68FAC | rgb(230, 143, 172) | |
#E5AA70 | rgb(229, 170, 112) | |
#e52b50 | rgb(229, 43, 80) | |
#E4D96F | rgb(228, 217, 111) | |
#E4D00A | rgb(228, 208, 10) | |
#E49B0F | rgb(228, 155, 15) | |
#E48400 | rgb(228, 132, 0) | |
#E4717A | rgb(228, 113, 122) | |
#e45c3b | rgb(228, 92, 59) | |
#E34234 | rgb(227, 66, 52) | |
#E3DAC9 | rgb(227, 218, 201) | |
#e3bd33 | rgb(227, 183, 51) | |
#E30022 | rgb(227, 0, 34) | |
#E25822 | rgb(226, 88, 34) | |
#e2552d | rgb(226,85,45) | |
#E23D28 | rgb(226, 61, 40) | |
#E1A95F | rgb(225, 169, 95) | |
#e0ffff | lightcyan | rgb(224,255,255) |
#E03C31 | rgb(224, 60, 49) | |
#DFFF00 | rgb(223, 255, 0) | |
#deb887 | burlywood | rgb(222,184,135) |
#DE6FA1 | rgb(222, 111, 161) | |
#DE5D83 | rgb(222, 93, 131) | |
#DE5285 | rgb(222, 82, 133) | |
#DE3163 | rgb(222, 49, 99) | |
#dda0dd | plum | rgb(221,160,221) |
#ddb0dd | rgb(221, 176, 221) | |
#ddbbdd | rgb(221, 187, 221) | |
#ddc0cc | rgb(221, 192, 204) | |
#ddcccc | rgb(221, 204, 204) | |
#dcddbb | rgb(220, 221, 187) | |
#dce9be | rgb(220, 233, 190) | |
#dcdfcc | rgb(220, 223, 204) | |
#dcdcdc | gainsboro | rgb(220,220,220) |
#dccccc | rgb(220, 204, 204) | |
#dcbbcc | rgb(220, 187, 204) | |
#dc8899 | rgb(220, 136, 153) | |
#dc5566 | rgb(220, 85, 102) | |
#dc2233 | rgb(220, 34, 51) | |
#dc143c | crimson | rgb(220,20,60) |
#db7093 | palevioletred | rgb(219,112,147) |
#db2d43 | rgb(219, 45, 67) | |
#daa520 | goldenrod | rgb(218,165,32) |
#DA8A67 | rgb(218, 138, 103) | |
#da70d6 | orchid | rgb(218,112,214) |
#DA3287 | rgb(218, 50, 135) | |
#DA1884 | rgb(218, 24, 132) | |
#d8bfd8 | thistle | rgb(216,191,216) |
#D891EF | rgb(216, 145, 239) | |
#d7e8bc | rgb(215, 232, 188) | |
#d7ddbb | rgb(215, 221, 187) | |
#d7ccbb | rgb(215, 204, 187) | |
#d7ccaa | rgb(215, 204, 170) | |
#d7aa99 | rgb(215, 170, 153) | |
#d7aa66 | rgb(215, 170, 102) | |
#d79999 | rgb(215, 153, 153) | |
#d79966 | rgb(215, 153, 102) | |
#d76666 | rgb(215, 102, 102) | |
#D71868 | rgb(215, 24, 104) | |
#D70040 | rgb(215, 0, 64) | |
#D473D4 | rgb(212, 115, 212) | |
#d499d4 | rgb(212, 153, 212) | |
#d4aad4 | rgb(212, 170, 212) | |
#d4bbd4 | rgb(212, 187, 212) | |
#d4ccd4 | rgb(212, 204, 212) | |
#d3d3d3 | lightgray | rgb(211,211,211) |
#D3212D | rgb(211, 33, 45) | |
#d2b48c | tan | rgb(210,180,140) |
#d2691e | chocolate | rgb(210,105,30) |
#D0FF14 | rgb(208, 255, 20) | |
#CE2029 | rgb(206, 32, 41) | |
#cdc6bd | rgb(205, 198, 189) | |
#CD9575 | rgb(205, 149,117) | |
#cd853f | peru | rgb(205,133,63) |
#CD7F32 | rgb(205, 127, 50) | |
#CD607E | rgb(205, 96, 126) | |
#cd5c5c | indianred | rgb(205,92,92) |
#ccffff | rgb(204,255,255) | |
#ccffcc | rgb(204,255,204) | |
#ccff99 | rgb(204,255,153) | |
#ccff66 | rgb(204,255,102) | |
#ccff33 | rgb(204,255,51) | |
#ccff00 | rgb(204,255,00) | |
#cccc33 | rgb(204,204,51) | |
#cccc00 | rgb(204,204,00) | |
#ccccff | rgb(204,204,255) | |
#cccccc | rgb(204,204,204) | |
#cccc99 | rgb(204,204,153) | |
#cccc66 | rgb(204,204,104) | |
#cc99ff | rgb(204,153,255) | |
#cc99cc | rgb(204,153,204) | |
#cc9999 | rgb(204,153,153) | |
#cc9966 | rgb(204,153,102) | |
#cc9933 | rgb(204,153,51) | |
#cc9900 | rgb(204,153,0) | |
#cc66ff | rgb(204,102,255) | |
#cc66cc | rgb(204,102,204) | |
#cc6699 | rgb(204,102,153) | |
#cc6666 | (204,102,102) | |
#cc6633 | rgb(204,102,51) | |
#cc6600 | rgb(204,102,0) | |
#cc5500 | rgb(204,85,0) | |
#CC474B | rgb(204, 71, 75) | |
#CC397B | rgb(204, 57, 123) | |
#cc33ff | rgb(204,51,255) | |
#cc33cc | rgb(204,51,204) | |
#cc3399 | rgb(204,51,153) | |
#cc3366 | rgb(204,51,102) | |
#cc3333 | rgb(204,51,51) | |
#cc3300 | rgb(204,51,0) | |
#cc00ff | rgb(204,0,255) | |
#cc00cc | rgb(204,0,204) | |
#cc0099 | rgb(204,0,153) | |
#cc0066 | rgb(204,0,102) | |
#cc0033 | rgb(204,0,51) | |
#cc0000 | rgb(204,0,0) | |
#CB6D51 | rgb(203, 109, 81) | |
#CB4154 | rgb(203, 65, 84) | |
#CAE00D | rgb(202, 224, 13) | |
#c9b27c | rgb(201, 178, 124) | |
#C95A49 | rgb(201, 90, 73) | |
#C72C48 | rgb(199, 44, 72) | |
#c71585 | mediumvioletred | rgb(199,21,133) |
#c67fae | rgb(198, 127, 174) | |
#c66666 | rgb(198, 102, 102) | |
#c46210 | rgb(196, 98, 16) | |
#C41E3A | rgb(196, 30, 58) | |
#c383b0 | rgb(195, 131, 176) | |
#C32148 | rgb(195, 33, 72) | |
#C2B280 | rgb(194, 178, 128) | |
#C19A6B | rgb(193, 154, 107) | |
#C154C1 | rgb(193, 84, 193) | |
#c0c0c0 | silver | rgb(192,192,192) |
#c0e8d5 | rgb(192, 232, 213) | |
#BFFF00 | rgb(191, 255, 0) | |
#BFAFB2 | rgb(191, 175, 178) | |
#BF4F51 | rgb(191, 79, 81) | |
#BF00FF | rgb(191, 0, 255) | |
#bdb76b | darkkhaki | rgb(189,183,107) |
#BD33A4 | rgb(189, 51, 164) | |
#BCD4E6 | rgb(188, 212, 230) | |
#bc8f8f | rosybrown | rgb(188,143,143) |
#ba55d3 | mediumorchid | rgb(186,85,211) |
#B9D9EB | rgb(185, 217, 235) | |
#B94E48 | rgb(185, 78, 72) | |
#b8860b | darkgoldenrod | rgb(184,134,11) |
#B87333 | rgb(184, 115, 51) | |
#B53389 | rgb(181, 51, 137) | |
#B48395 | rgb(180, 131, 149) | |
#B31B1B | rgb(179, 27, 27) | |
#B2FFFF | rgb(178, 255, 255) | |
#B2BEB5 | rgb(178, 190, 181) | |
#b284be | rgb(178, 132, 190) | |
#b22222 | firebrick | rgb(178,34,34) |
#b0e0e6 | powderblue | rgb(176,224,230) |
#b0c4de | lightsteelblue | rgb(176,196,222) |
#b0bf1a | rgb(176, 191, 26) | |
#afeeee | paleturquoise | rgb(175,238,238) |
#AF6E4D | rgb(175, 110, 77) | |
#adff2f | greenyellow | rgb(173,255,47) |
#add8e6 | lightblue | rgb(173,216,230) |
#AD6F69 | rgb(173, 111, 105) | |
#ACE5EE | rgb(172, 229, 238) | |
#ACE1AF | rgb(172, 225, 175) | |
#acc453 | rgb(172, 196, 83) | |
#AB4B52 | rgb(171, 75, 82) | |
#ab274f | rgb(171, 39, 79) | |
#AA381E | rgb(170, 56, 30) | |
#A9B2C3 | rgb(169, 178, 195) | |
#a9a9a9 | darkgray | rgb(169,169,169) |
#a87452 | rgb(168, 116, 82) | |
#A8516E | rgb(168, 81, 110) | |
#A7D8DE | rgb(167, 216, 222) | |
#a6be47 | rgb(166, 190, 71) | |
#A67B5B | rgb(166, 123, 91) | |
#a66e4a | rgb(166, 110, 74) | |
#A57164 | rgb(165, 113, 100) | |
#a55555 | rgb(165, 85, 85) | |
#a52a2a | brown | rgb(165,42,42) |
#a4aaaa | rgb(164, 170, 170) | |
#a499aa | rgb(164, 153, 170) | |
#a49999 | rgb(164, 153, 153) | |
#a3cccc | rgb(163, 204, 204) | |
#A3C1AD | rgb(163, 193, 173) | |
#A2A2D0 | rgb(162, 162, 208) | |
#A2006D | rgb(162, 0, 109) | |
#A1CAF1 | rgb(161, 202, 241) | |
#A17A74 | rgb(161, 122, 116) | |
#a0522d | sienna | rgb(160,82,45) |
#9FD170 | rgb(159, 209, 112) | |
#9FA91F | rgb(159, 169, 31) | |
#9F8170 | rgb(159, 129, 112) | |
#9F2B68 | rgb(159, 43, 104) | |
#9EFD38 | rgb(158, 253, 56) | |
#9E1B32 | rgb(158, 27, 50) | |
#9C2542 | rgb(156, 37, 66) | |
#9bb7d4 | rgb(155, 183, 212) | |
#9acd32 | yellowgreen | rgb(154,205,50) |
#99ffff | rgb(153,255,255) | |
#99ffcc | rgb(153,255,204) | |
#99ff99 | rgb(153,255,153) | |
#99ff66 | rgb(153,255,102) | |
#99ff33 | rgb(153,255,51) | |
#99ff00 | rgb(153,255,00) | |
#99dedf | rgb(153,222,223) | |
#99ccff | rgb(153,204,255) | |
#99cccc | rgb(153,204,204) | |
#99cc99 | rgb(153,204,153) | |
#99cc66 | rgb(153,204,102) | |
#99cc33 | rgb(153,204,51) | |
#99cc00 | rgb(153,204,0) | |
#9999ff | rgb(153,153,255) | |
#9999cc | rgb(153,153,204) | |
#999999 | rgb(153,153,153) | |
#999966 | rgb(153,153,102) | |
#999933 | rgb(153,153,51) | |
#999900 | rgb(153,153,0) | |
#9966ff | rgb(153,102,255) | |
#9966cc | rgb(153,102,204) | |
#996699 | rgb(153,102,153) | |
#996666 | rgb(153,102,102) | |
#996633 | rgb(153,102,51) | |
#996600 | 153,102,0) | |
#9933ff | rgb(153,51,255) | |
#9933cc | rgb(153,51,204) | |
#9932cc | darkorchid | rgb(153,50,204) |
#993399 | 153,51,153) | |
#993366 | rgb(153,51,102) | |
#993333 | rgb(153,51,51) | |
#993300 | rgb(153,51,0) | |
#9900ff | rgb(153,0,255) | |
#9900cc | rgb(153,0,204) | |
#990099 | rgb(153,0,153) | |
#990066 | rgb(153,0,102) | |
#990033 | rgb(153,0,51) | |
#990000 | rgb(153,0,0) | |
#98fb98 | palegreen | rgb(152,251,152) |
#98dddf | rgb(152, 221, 223) | |
#98817B | rgb(152, 129, 123) | |
#96C8A2 | rgb(150, 200, 162) | |
#967117 | rgb(150, 113, 23) | |
#960018 | rgb(150, 0, 24) | |
#954535 | rgb(149, 69, 53) | |
#9400d3 | darkviolet | rgb(148,0,211) |
#9370db | mediumpurple | rgb(147,112,219) |
#91A3B0 | rgb(145, 163, 176) | |
#915C83 | rgb(145, 92, 131) | |
#90ee90 | lightgreen | rgb(144,238,144) |
#8fbc8f | darkseagreen | rgb(143,188,143) |
#8F9779 | rgb(143, 151, 121) | |
#8F00FF | rgb(143, 0, 255) | |
#8CBED6 | rgb(140, 190, 214) | |
#8DB600 | rgb(141, 182, 0) | |
#8C92AC | rgb(140, 146, 172) | |
#8b4513 | saddlebrown | rgb(139,69,19) |
#8b008b | darkmagenta | rgb(139,0,139) |
#8b0000 | darkred | rgb(139,0,0) |
#8A3324 | rgb(138, 51, 36) | |
#8A2BE2 | rgb(138, 43, 226) | |
#89CFF0 | rgb(137, 207, 240) | |
#893F45 | rgb(137, 63, 69) | |
#88540B | rgb(136, 84, 11) | |
#8806CE | rgb(136, 6, 206) | |
#86608E | rgb(134, 96, 142) | |
#87cefa | lightskyblue | rgb(135,206,250) |
#87ceeb | skyblue | rgb(135,206,235) |
#87A96B | rgb(135, 169, 107) | |
#87421F | rgb(135, 66, 31) | |
#87413F | rgb(135, 65, 63) | |
#856D4D | rgb(133, 109, 77) | |
#856088 | rgb(133, 96, 136) | |
#848482 | rgb(132, 132, 130) | |
#841B2D | rgb(132, 27, 45) | |
#81613C | rgb(129, 97, 60) | |
#808080 | gray | rgb(128,128,128) |
#808000 | olive | rgb(128,128,0) |
#802be2 | blueviolet | rgb(128,43,226) |
#801818 | rgb(128,24,24) | |
#800080 | purple | rgb(128,0,128) |
#800020 | rgb(128, 0, 32) | |
#800000 | maroon | rgb(128,0,0) |
#7fffd4 | aquamarine | rgb(127,255,212) |
#7fff00 | chartreuse | rgb(127,255,0) |
#7F1734 | rgb(127, 23, 52) | |
#7E5E60 | rgb(126, 94, 96) | |
#7DF9FF | rgb(125, 249, 255) | |
#7cfc00 | lawngreen | rgb(124,252,0) |
#7cb9e8 | rgb(124, 185, 232) | |
#7C0A02 | rgb(124, 10, 2) | |
#7BB661 | rgb(123, 182, 97) | |
#7b68ee | mediumslateblue | rgb(123,104,238) |
#7B3F00 | rgb(123, 63, 0) | |
#79443B | rgb(121, 68, 59) | |
#77B5FE | rgb(119, 181, 254) | |
#778899 | lightslategray | rgb(119,136,153) |
#77798e | rgb(119, 121, 142) | |
#7366BD | rgb(115, 102, 189) | |
#72a0c1 | rgb(114, 160, 193) | |
#717388 | rgb(113, 115, 136) | |
#708090 | slategray | rgb(112,128,144) |
#703642 | rgb(112, 54, 66) | |
#702963 | rgb(112, 41, 99) | |
#6f8d6a | rgb(111, 141, 106) | |
#6F4E37 | rgb(111, 78, 55) | |
#6F00FF | rgb(111, 0, 255) | |
#6D9BC3 | rgb(109, 155, 195) | |
#6d8d71 | rgb(109, 141, 113) | |
#6C541E | rgb(108, 84, 30) | |
#6C3082 | rgb(108, 48, 130) | |
#6b8e23 | olivedrab | rgb(107,142,35) |
#6a5acd | slateblue | rgb(106,90,205) |
#696969 | dimgray | rgb(105,105,105) |
#683068 | rgb(104, 48, 104) | |
#672266 | rgb(103, 34, 102) | |
#675599 | rgb(103, 85, 153) | |
#6788cc | rgb(103, 136, 204) | |
#67bbff | rgb(103, 187, 255) | |
#67eeff | rgb(103, 238, 255) | |
#66ffff | rgb(102,255,255) | |
#66ffcc | rgb(102,255,204) | |
#66ff99 | rgb(102,255,153) | |
#66ff66 | rgb(102,255,102) | |
#66ff33 | rgb(102,255,51) | |
#66ff00 | rgb(102,255,0) | |
#66ccff | rgb(102,204,255) | |
#66cccc | rgb(102,204,204) | |
#66cdaa | mediumaquamarine | rgb(102,205,170) |
#66cc99 | rgb(102,204,153) | |
#66cc66 | rgb(102,204,102) | |
#66cc33 | rgb(102,204,51) | |
#66cc00 | rgb(102,204,0) | |
#6699ff | rgb(102,153,255) | |
#6699cc | rgb(102,153,204) | |
#669999 | rgb(102,153,153) | |
#669966 | rgb(102,153,102) | |
#669933 | rgb(102,153,51) | |
#669900 | rgb(102,153,0) | |
#6666ff | rgb(102,102,255) | |
#6666cc | rgb(102,102,204) | |
#666699 | rgb(102,102,153) | |
#666666 | rgb(102,102,102) | |
#666633 | rgb(102,102,51) | |
#666600 | rgb(102,102,0) | |
#665D1E | rgb(102, 93, 30) | |
#6633ff | rgb(102,51,255) | |
#6633cc | rgb(102,51,204) | |
#663399 | rebeccapurple | rgb(102,51,153) |
#663366 | rgb(102,51,102) | |
#663333 | rgb(102,51,51) | |
#663300 | rgb(102,51,0) | |
#6600ff | rgb(102,0,255) | |
#6600cc | rgb(102,0,204) | |
#660099 | rgb(102,0,153) | |
#660066 | rgb(102,0,102) | |
#660033 | rgb(102,0,51) | |
#660000 | rgb(102,0,0) | |
#654321 | rgb(101, 67, 33) | |
#645544 | rgb(100, 85, 68) | |
#647788 | rgb(100, 119, 136) | |
#6499cc | rgb(100, 153, 204) | |
#6495ed | cornflowerblue | rgb(100,149,237) |
#6488cc | rgb(100, 136, 204) | |
#6477aa | rgb(100, 119, 170) | |
#646688 | rgb(100, 102, 136) | |
#645566 | rgb(100, 85, 102) | |
#644051 | rgb(100, 64, 81) | |
#614051 | rgb(97, 64, 81) | |
#615566 | rgb(97, 85, 102) | |
#616677 | rgb(97, 102, 119) | |
#617788 | rgb(97, 119, 136) | |
#618899 | rgb(97, 136, 153) | |
#6199aa | rgb(97, 153, 170) | |
#5f9ea0 | cadetblue | rgb(95,158,160) |
#5fa7a0 | rgb(95, 167, 160) | |
#5fa790 | rgb(95, 167, 144) | |
#5FA777 | rgb(95, 167, 119) | |
#5f9977 | rgb(95, 153, 119) | |
#5f7777 | rgb(95, 119, 119) | |
#5f5577 | rgb(95, 85, 119) | |
#5f4277 | rgb(95, 66, 119) | |
#5f4261 | rgb(95, 66, 97) | |
#5f4241 | rgb(95, 66, 65) | |
#5d3333 | rgb(93, 51, 51) | |
#5d3333 | rgb(93, 51, 51) | |
#5d5d61 | rgb(93, 93, 97) | |
#5d888f | rgb(93, 136, 143) | |
#5bb2be | rgb(91, 178, 190) | |
#5cc7d5 | rgb(92, 199, 213) | |
#5DADEC | rgb(93, 173, 236) | |
#5aa6b9 | rgb(90, 166, 185) | |
#5b6f86 | rgb(91, 111, 134) | |
#5D3954 | rgb(93, 57, 84) | |
#592720 | rgb(89, 39, 32) | |
#58427C | rgb(88, 66, 124) | |
#583432 | rgb(88, 52, 50) | |
#58111A | rgb(88, 17, 26) | |
#583548 | rgb(88,53,72) | |
#575977 | rgb(87,89,119) | |
#577CC5 | rgb(87,124,197) | |
#56A0D3 | rgb(86, 160, 211) | |
#5692B3 | rgb(86, 146, 179) | |
#568595 | rgb(86, 133, 149) | |
#567777 | rgb(86, 119, 119) | |
#568203 | rgb(86, 130, 3) | |
#563C5C | rgb(86, 60, 92) | |
#556b2f | darkolivegreen | rgb(85,107,47) |
#555D50 | rgb(85, 93, 80) | |
#555555 | rgb(85, 85, 85) | |
#54626F | rgb(84, 98, 111) | |
#536878 | rgb(83, 104, 114) | |
#543D37 | rgb(84, 61, 55) | |
#536872 | rgb(83, 104, 120) | |
#534B4F | rgb(83, 75, 79) | |
#50C878 | rgb(80, 200, 120) | |
#5072A7 | rgb(80, 114, 167) | |
#4F7942 | rgb(79, 121, 66) | |
#4D5D53 | rgb(77, 93, 83) | |
#4D1A7F | rgb(77, 26, 127) | |
#4B5320 | rgb(75, 83, 32) | |
#4B3621 | rgb(75, 54, 33) | |
#4b0082 | indigo | rgb(75,0,130) |
#4A646C | rgb(74, 100, 108) | |
#4A5D23 | rgb(74, 93, 35) | |
#483d8b | darkslateblue | rgb(72,61,139) |
#483C32 | rgb(72, 60, 50) | |
#47d1cc | mediumturquoise | rgb(71,209,204) |
#4682b4 | steelblue | rgb(70,130,180) |
#40e0d0 | turquoise | rgb(64,224,208) |
#4069e1 | royalblue | rgb(64,105,225) |
#3DDC84 | rgb(61, 220,132) | |
#3D2B1F | rgb(61, 43, 31) | |
#3D0C02 | rgb(61, 12, 2) | |
#3cb371 | mediumseagreen | rgb(60,179,113) |
#3C69E7 | rgb(60, 105, 231) | |
#3C1414 | rgb(60, 20, 20) | |
#3B7A57 | rgb(59, 122, 87) | |
#3b5b8a | rgb(59, 91, 138) | |
#3B3C36 | rgb(59, 60, 54) | |
#3b3a50 | rgb(59, 58, 80) | |
#3B2F2F | rgb(59, 47, 47) | |
#36454F | rgb(54, 69, 79) | |
#353148 | rgb(53, 49, 72) | |
#33ffff | rgb(51,255,255) | |
#33ffcc | rgb(51,255,204) | |
#33ff99 | rgb(51,255,153) | |
#33ff66 | rgb(51,255,102) | |
#33ff33 | rgb(51,255,51) | |
#33ff00 | rgb(51,255,0) | |
#33ccff | rgb(51,204,255) | |
#33cccc | rgb(51,204,204) | |
#33cc99 | rgb(51,204,153) | |
#33cc66 | rgb(51,204,102) | |
#33cc33 | rgb(51,204,51) | |
#33cc00 | rgb(51,204,0) | |
#3399ff | rgb(51,153,255) | |
#3399cc | rgb(51,153,204) | |
#339999 | rgb(51,153,153) | |
#339966 | rgb(51,153,102) | |
#339933 | rgb(51,153,51) | |
#339900 | rgb(51,153,0) | |
#3366ff | rgb(51,102,255) | |
#3366cc | rgb(51,102,204) | |
#336699 | rgb(51,102,153) | |
#336666 | rgb(51,102,102) | |
#336633 | rgb(51,102,51) | |
#336600 | rgb(51,102,0) | |
#3333ff | rgb(51,51,255) | |
#3333cc | rgb(51,51,204) | |
#333399 | rgb(51,51,153) | |
#333366 | rgb(51,51,102) | |
#333333 | rgb(51,51,51) | |
#333300 | rgb(51,51,0) | |
#3300ff | rgb(51,0,255) | |
#3300cc | rgb(51,0,204) | |
#330099 | rgb(51,0,153) | |
#330066 | rgb(51,0,102) | |
#330033 | rgb(51,0,51) | |
#330000 | rgb(51,0,0) | |
#32cd32 | limegreen | rgb(50,205,50) |
#318CE7 | rgb(49, 140, 231) | |
#301934 | rgb(48, 25, 52) | |
#2F847C | rgb(47, 132, 124) | |
#2f4f4f | darkslategray | rgb(47,79,79) |
#2e8b57 | seagreen | rgb(46,139,87) |
#2E5894 | rgb(46, 88, 148) | |
#2e5283 | rgb(46, 82, 131) | |
#2E2D88 | rgb(46, 45, 136) | |
#2A52BE | rgb(42, 82, 190) | |
#27346F | rgb(39, 52, 111) | |
#26428B | rgb(38, 66, 139) | |
#246BCE | rgb(36, 107, 206) | |
#232B2B | rgb(35, 43, 43) | |
#228b22 | forestgreen | rgb(34,139,34) |
#2243B6 | rgb(34, 67, 182) | |
#20b2aa | lightseagreen | rgb(32,178,170) |
#16161D | rgb(22, 22, 29) | |
#15F4EE | rgb(21, 244, 238) | |
#1560BD | rgb(21, 96, 189) | |
#1F75FE | rgb(31, 117, 254) | |
#1e90ff | dodgerblue | rgb(30,144,255) |
#1DACD6 | rgb(29, 172, 214) | |
#1B4D3E | rgb(27, 77, 62) | |
#1B1B1B | rgb(27, 27, 27) | |
#1B1811 | rgb(27, 24, 17) | |
#1A2421 | rgb(26, 36, 33) | |
#1974D2 | rgb(25, 116, 210) | |
#191970 | midnightblue | rgb(25,25,112) |
#177245 | rgb(23, 114, 69) | |
#126180 | rgb(18, 97, 128) | |
#1034A6 | rgb(16, 52, 166) | |
#0D98BA | rgb(13, 152, 186) | |
#0ABAB5 | rgb(10, 186, 181) | |
#064E40 | rgb(6, 78, 64) | |
#03C03C | rgb(3, 192, 60) | |
#0247FE | rgb(2, 71, 254) | |
#014421 | rgb(1, 68, 33) | |
#013220 | rgb(1, 50, 32) | |
#00ffff | aqua | cyan | rgb(0,255,255) |
#00ffcc | rgb(0,255,204) | |
#00ff99 | rgb(0,255,153) | |
#00fa9a | mediumspringgreen | rgb(0,250,154) |
#00ff7f | springgreen | rgb(0,255,127) |
#00ff66 | rgb(0,255,102) | |
#00FF40 | rgb(0,255,64) | |
#00ff33 | rgb(0,255,51) | |
#00ff00 | lime | rgb(0,255,0) |
#00bfff | deepskyblue | rgb(0,191,255) |
#00B7EB | rgb(0, 183, 235) | |
#00ccff | rgb(0,204,255) | |
#00ced1 | darkturquoise | rgb(0,206,209) |
#00cccc | rgb(0,204,204) | |
#00cc99 | rgb(0,204,153) | |
#00cc66 | rgb(0,204,102) | |
#00cc33 | rgb(0,204,51) | |
#00cc00 | rgb(0,204,0) | |
#0099ff | rgb(0,153,255) | |
#0099cc | rgb(0,153,204) | |
#009999 | rgb(0,153,153) | |
#009966 | rgb(0,153,102) | |
#009933 | rgb(0,153,51) | |
#009900 | rgb(0,153,0) | |
#0093AF | rgb(0, 147, 175) | |
#008b8b | darkcyan | rgb(0,139,139) |
#0087BD | rgb(0, 135, 189) | |
#008080 | teal | rgb(0,128,128) |
#008000 | green | rgb(0,128,0) |
#007FFF | rgb(0, 127, 255) | |
#007F66 | rgb(0, 127, 102) | |
#007BA7 | rgb(0, 123, 167) | |
#007AA5 | rgb(0, 122, 165) | |
#0072BB | rgb(0, 114, 187) | |
#00703C | rgb(0, 112, 60) | |
#006B3C | rgb(0, 107, 60) | |
#006A4E | rgb(0, 106, 78) | |
#0066ff | rgb(0,102,255) | |
#0066cc | rgb(0,102,204) | |
#006699 | rgb(0,102,153) | |
#006666 | rgb(0,102,102) | |
#006633 | rgb(0,102,51) | |
#006600 | rgb(0,102,0) | |
#006400 | darkgreen | rgb(0,100,0) |
#00563F | rgb(0, 86, 63) | |
#004B49 | rgb(0, 75, 73) | |
#0048ba | rgb(0,72,186) | |
#0047AB | rgb(0, 71, 171) | |
#004225 | rgb(0, 66, 37) | |
#0033ff | rgb(0,51,255) | |
#0033cc | rgb(0,51,204) | |
#003399 | rgb(0,51,153) | |
#003366 | rgb(0,51,102) | |
#003333 | rgb(0,51,51) | |
#003300 | rgb(0,51,0) | |
#0018A8 | rgb(0, 24, 168) | |
#0000ff | blue | rgb(0,0,255) |
#0000cd | mediumblue | rgb(0,0,205) |
#0000cc | rgb(0,0,204) | |
#00009c | rgb(0,0,156) | |
#000099 | rgb(0,0,153) | |
#00008b | darkblue | rgb(0,0,139) |
#000080 | navy | rgb(0,0,128) |
#000066 | rgb(0,0,102) | |
#000033 | rgb(0,0,51) | |
#000000 | black | rgb(0,0,0) |
Dicas e ferramentas para usar cores
Aqui no Meu Tédio, você também encontra:
- Aprenda a usar bordas
- Barra de rolagem colorida
- Como usar as cores RGB
- Cubo de cores seguras
- Tabela de Candy Colors em RGB
Outras ferramentas:
- Color Conversion | RapidTables
- Nesse site, você pode converter uma cor hexadecimal para RGB e vice-versa. Também é possível encontrar as porcentagens em HSV e HSL. Se precisar copiar o resultado da conversão, você também pode acessar as páginas específicas: Hex to RGB e RGB to Hex
- Contrast Ratio
- Teste rápido de legibilidade para ir além do texto preto em fundo branco.
- Coolors
- Gere paletas de cores aleatoriamente ou a partir de alguma imagem. Muito bacana esse recurso. Além da paleta de cores, o Coolors tem outras ferramentas úteis como um testador de contraste e um gerador de gradiente em CSS.
- Eggradients
- Sugestões de degradê (linear-gradient) para usar no seu site. Esse recurso é aplicado na folha de estilos CSS.
- Encycolorpedia
- Site muito útil para descobrir cores, matizes, contrastes. Indispensável para blogueiros, designers e programadores front end.
Link curto: