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
Merci