Magazine

Les duos de couleur en version WEB 2.0

Publié le 21 août 2008 par Nico

Je vous propose directement des duo de couleur web pour egayer vos page web, je vais vous donner directement le css qui va avec et les codes hexa des couleurs.

Je vous propose les 22 couleurs (en faite 21, parce que le blanc je l’ai pas fait :P) web 2.0 en duo selon la Web 2.0 Colour Palette que l’on retrouve sur bon nombre de site qui ne font souvent pas de lien en retour, j’ai repris cette palette pour en faire des duo de couleur pour vos page web.

Les tons neutres

Shiny silver | color:#EEEEEE ; margin:8px 0px; padding: 1em; border-top: 1px #EEEEEE solid; border-bottom: 1px #EEEEEE solid; background: #fcfcfc

Magnolia Mag.nolia | color:#ede8cc ; margin:8px 0px; padding: 1em; border-top: 1px #f9f7ed solid; border-bottom: 1px #f9f7ed solid; background: #fffffe

Interactive action yellow | color:#ffff49 ; margin:8px 0px; padding: 1em; border-top: 1px #ffff88 solid; border-bottom: 1px #ffff88 solid; background: #fffff9

Qoop Mint | color:#a5d94c ; margin:8px 0px; padding: 1em; border-top: 1px #cdeb8b solid; border-bottom: 1px #cdeb8b solid; background: #fcfef9

Gmail blue | color:#95b9ff ; margin:8px 0px; padding: 1em; border-top: 1px #c3d9ff solid; border-bottom: 1px #c3d9ff solid; background: #fcfdff

Shadows Grey | color:#36393d ; margin:8px 0px; padding: 1em; border-top: 1px #36393d solid; border-bottom: 1px #36393d solid; background: #f5f5f5

Les tons flashis

Mozilla Red | color:#ff1a00 ; margin:8px 0px; padding: 1em; border-top: 1px #ff1a00 solid; border-bottom: 1px #ff1a00 solid; background: #fff3f2

Rollyo Red | color:#cc0000 ; margin:8px 0px; padding: 1em; border-top: 1px #cc0000 solid; border-bottom: 1px #cc0000 solid; background: #fcf2f2

RSS Orange | color:#ff7400 ; margin:8px 0px; padding: 1em; border-top: 1px #ff7400 solid; border-bottom: 1px #ff7400 solid; background: #fff8f2

Techcrunch green | color:#008c00 ; margin:8px 0px; padding: 1em; border-top: 1px #008c00 solid; border-bottom: 1px #008c00 solid; background: #f2f9f2

Newsvine Green | color:#006e2e ; margin:8px 0px; padding: 1em; border-top: 1px #006e2e solid; border-bottom: 1px #006e2e solid; background: #f2f8f4

Flock Blue | color:#0434cf ; margin:8px 0px; padding: 1em; border-top: 1px #4096ee solid; border-bottom: 1px #4096ee solid; background: #f5fafe

Flickr Pink | color:#ff0044 ; margin:8px 0px; padding: 1em; border-top: 1px #ff0084 solid; border-bottom: 1px #ff0084 solid; background: #fff2f9

Les tons pastels

Ruby on Rails Red | color:#790708; margin:8px 0px; padding: 1em; border-top: 1px #b02b2c solid; border-bottom: 1px #b02b2c solid; background: #fbf4f4

Etsy Vermillion | color:#ab1d00; margin:8px 0px; padding: 1em; border-top: 1px #d15600 solid; border-bottom: 1px #d15600 solid; background: #fdf6f2

43 Things Gold | color:#790708; margin:8px 0px; padding: 1em; border-top: 1px #c79810 solid; border-bottom: 1px #9b5b01 solid; background: #fcfaf3

Writely Olive | color:#344900; margin:8px 0px; padding: 1em; border-top: 1px #73880a solid; border-bottom: 1px #73880a solid; background: #f8f9f3

Basecamp Green | color:#2d8831; margin:8px 0px; padding: 1em; border-top: 1px #6bba70 solid; border-bottom: 1px #6bba70 solid; background: #f7fbf8

Mozilla Blue | color:#10172d; margin:8px 0px; padding: 1em; border-top: 1px #3f4c6b solid; border-bottom: 1px #3f4c6b solid; background: #f5f6f7

Digg Blue | color:#0b2c64; margin:8px 0px; padding: 1em; border-top: 1px #356aa0 solid; border-bottom: 1px #356aa0 solid; background: #f5f7fa

Last.fm Crimson | color:#aa040e; margin:8px 0px; padding: 1em; border-top: 1px #d01f3c solid; border-bottom: 1px #d01f3c solid; background: #fdf4f5

Voilà c’est fini, alors si vous utilisez ces CSS, essayer de faire un lien vers cet article et laisser un commentaire

:P

Merci


Retour à La Une de Logo Paperblog

A propos de l’auteur


Nico 1 partage Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte