• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

2 de novembro de 2014

Tabela de cores HTML na página + Geradores de tabela

(a minha sorte é que ninguém pode ver os nomes das imagens ♥ porque só posso colocar uma legenda?)
Hooý chocolates cobertos de sangue de zumbi com omelete, tudo bem? Espero que esteja, hoje, em pleno domingo estou tendo que estudar para a prova de inglês que tenho essa semana agora, o que me impossibilita de estudar as matérias da facul e fazer esse post junto, então deixei essa postagem programada de sábado, às 23:19 da noite, sim...eu acho onze horas da noite cedo para dormir...
Agora que já fiz minha tentativa de introdução, vamos ao assunto da postagem. O nosso ChocoLeitor Christian fez-no o seguinte pedido, em nossa página onde se localiza a tabela de cores (www):
Blogs dele: www // www

Eu particularmente achei mais fácil fazer modelos de tabela de cores do que passar todos os códigos e toda a trabalheira de criar tabelas em HTML. Por nossos modelos já é possível editar e criar o seu próprio o usando como base. Mas não esqueçam de não retirar os créditos do blog ok? Agora vamos aos modelos. (não, não são modelos coreanos infelizmente.)

Esse primeiro modelo foi feito por mim (modelo não tão bonito quanto o Naddy, mas...):
Código modelo 1 (www)

Esse segundo modelo foi feito por Megan (obs: ela quis se intrometer em minha postagem heuehe'). 
Ah, vale ressaltar que eu não bati de chicote nela para que ela fizesse esse modelo não tá? ehuehu' 
ela quis fazer por livre e espontânea vontade.

Código modelo 2 (www)
Agora, já que a postagem é sobre cores em HTML, nada melhor que indicações de site geradores de tabela de cores. Eles são muito úteis para nós que gostamos de fazer um layout para o blog.
Obs: As tabelas geradas por esses sites são para uso pessoal, não é possível colocar o gerador em sua página do blog.

1ª indicação: ColourCode {www}
Nele existem várias opções de cores, logo assim que você entra, mexendo o mouse, aparecem várias cores diferentes. Assim que encontrar a cor de sua escolha, clique. Clicando aparecerão as opções para que você salve a cor como imagem PNG, faça download da mesma ou copie o código em HTML da cor. Ao lado, existe um menu onde você poderá optar por vários tons aproximados aparecendo ao lado um do outro, tons mais escuros e tons mais claros, todos eles baseados na cor em que você clicou. Vale super a pena o acesso.

2ª indicação: Color Hexa {www}
Logo assim que você entra, ele te mostra um mix de cores, variando os tons. Você pode optar por qualquer cor, a partir dessa cor, o próprio site lhe mostra vários tipos diferentes de codificação das cores, desde HTML, RGB à binária. Logo abaixo ele te mostra os esquemas de cores derivados da cor escolhida, as cores alternativas, o preview de como a cor fica como fundo, como letra, como borda e te dá o código inteirinho para usar como fundo, borda ou letra. Abaixo ele te dá as cores do mais escuro para o mais claro e do mais claro para o mais escuro e por fim, te mostra as cores que combinam com essa cor. Eu particularmente uso muito esse site, para mim é o melhor.

3ª indicação: Palleton {www}
Logo assim que você entra, se depara com um círculo cromático de cores, daí você escolhe e sua cor e o site te dá variações dessa cor ao lado, sendo que você pode escolher entre ver a cor que você escolheu com variação ou misturado com 2 ou 4 cores. Ele também te dá opções de visualizar como ficariam essas cores em um exemplo de layout e mostra também uma tabela com várias cores misturadas a sua cor. Ele te dá também as cores em HTML, Css, etc.

4ª indicação: Color Adobe {www}
A adobe já é uma empresa muito conhecida por softwares, etc e possui também essa opção de gerador de cores. Logo assim que você entra no site, se depara com um círculo cromático que conforme você escolhe uma cor, ele gira a favor das demais cores que combinam com a sua cor escolhida, criando abaixo um tipo de paleta com as cores, onde você pode alterar e pegar o código delas. Ele conta também com as opções: Análogo, monocromático, tríade, complementar, composto, sombras e personalizado (com essa opção a escolha automática das cores acompanhantes a sua é desabilitada, te possibilitando escolher cada uma delas para a sua paleta.). É interessante.

Essas foram as indicações, espero ver os blogs de vocês bombado de cores haha', tanto nos layouts, quanto nas imagens. Usem e abusem delas, meus cogumelos caramelados com queijo. Bjoon.


20 comentários:

  1. Ambos os dois modelos ficaram muito lindos! ♥ Carl no fim da postagem, adoro amo sou hahaha Ele evoluiu tanto...
    Beijos e tudo de bom sempre! || Unlocked Land ❤

    ResponderExcluir
  2. Amei os modelos, ficaram perfeitos ♥ Vou tentar usar os geradores de tabela, porque sou meio lerda pra entender como usar esses sites heuheueh
    Kisses

    ResponderExcluir
  3. Amei os modelos , super fofos hehe <3
    Beijões ;3 .
    http://diamondiamonds.blogspot.com.br/

    ResponderExcluir
  4. Oi, Modelos perfeitos ♥ estou apaixonada pelos sites são realmente ótimos o da adobe eu nunca tinha ouvido falar '--' hoihoshoihds
    Beijos :-*

    s-urvive.blogspot.com ~Survive

    ResponderExcluir
    Respostas
    1. hahaha' <3 também acho esses sites bons, realmente o da Adobe não é muito conhecido.

      Excluir
  5. Que paletas fantásticas! Elas me deram uma ideia... Deixe isso para lá, haha. Amei o post ♥

    PS.: Como você deixou a caixa de comentários (essa de escrever os comentários) com uma opacidade? Com algum efeito escuro? Eu adoraria um tutorial!

    The Lord of Thrones

    ResponderExcluir
  6. Eu usava bastante essas tabelas antigamente, mas agora acho mais pratico usar o photoshop para detectar a cor que eu quero

    http://gotasdecaffe.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. sim, é legal tbm, eu sempre uso o photohsop, né. É mais seletivo

      Excluir
  7. Ai que fooofoos <3

    http://tudodiferentecomsamaralima.blogspot.com.br/
    Instagram: @samaralima_03

    Um beeeeeijo <3

    ResponderExcluir
  8. Hey! Nossassinhora que delícia essa receita disfarçada de apelido no começo do post, hein? >.<
    Os modelos são mesmo amorzinho, mas prefiro não colocar no blog, por mais útil e lindo que seja >3< Mesmo assim, muito cute, nho nho nho! ♥

    Beijos ~ || Empire Kawaii

    ResponderExcluir
  9. Adorei os modelos, sempre tive a curiosidade de como fazia para colocar a tabela de cores em uma página >3<
    http://thewinnterwinds.blogspot.com.br/

    ResponderExcluir
  10. Eu adorei o tutorial. Deu até uma idéia. Estou querendo fazer alguma coisa nova no Blog e não essas repetidas que estou fazendo. E você me deu idéia ótima. ♡
    Hahaha essa receita.
    http://s-sessaoproibida.blogspot.com.br

    ResponderExcluir
    Respostas
    1. kkkkkkkkkkkkkkkkkkkkkkk aiin ok, receita kkkkkkkkkkkkk ain gente kkkkkkkkkkkkkkkkkk :3 mas será que fica bom? kkkkkkkkkkkkkkk :v

      Excluir