{"id":628,"date":"2015-04-13T12:48:16","date_gmt":"2015-04-13T12:48:16","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=628"},"modified":"2015-07-06T19:34:03","modified_gmt":"2015-07-06T19:34:03","slug":"10-palette-de-couleurs-web-sur-le-theme-du-gris","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/10-palette-de-couleurs-web-sur-le-theme-du-gris\/","title":{"rendered":"10 palettes de couleurs sur le th\u00e8me du gris pour agr\u00e9menter vos site web"},"content":{"rendered":"

Selon, Trinity Advise<\/a>,\u00a0le gris n\u2019est pas tout \u00e0 fait une couleur, historiquement associ\u00e9 \u00e0 des univers de tristesse, de vieillesse voire de mort. Il suffit aussi de constater les \u00e9l\u00e9ments qui le repr\u00e9sentent (poussi\u00e8re, souris, b\u00e9ton) pour s\u2019apercevoir qu\u2019il n\u2019est pas tr\u00e8s positif au regard actuel des occidentaux. Pourtant, il se marie tr\u00e8s bien avec de nombreuses couleurs vives et peut apporter un bon \u00e9quilibre de sobri\u00e9t\u00e9 ou d\u2019\u00e9l\u00e9gance s\u2019il est dispatch\u00e9 par petites touches de s\u00e9rieux et de rigueur. Autres aspects positifs, le gris signifie de la neutralit\u00e9 et du respect. Attention cependant, une surabondance de gris implique syst\u00e9matiquement une impression de tristesse et de m\u00e9lancolie.<\/p>\n

Significations :<\/span><\/strong>\u00a0Neutralit\u00e9, respect, calme, douceur, rigueur, \u00a0tristesse, anonymat, solitude, monotonie, m\u00e9lancolie.<\/p>\n

Repr\u00e9sentations<\/strong><\/span> :\u00a0B\u00e9ton, \u00e9gouts, pluie, poussi\u00e8re, animaux (souris, \u00e9l\u00e9phants).<\/p>\n

1) Palette 1<\/h2>\n

\"palette-couleurs-web-gris-\"<\/a><\/p>\n

#BC623C \u00a0—- \u00a0#353535 \u00a0— \u00a0#ADADAD \u00a0— \u00a0#EAC1B0 \u00a0— \u00a0#FFFFFF<\/p>\n

2) Palette 2<\/h2>\n

\"palette-couleurs-web-gris-2_03\"<\/a><\/p>\n

#C3452A\u00a0—- \u00a0#FFFFFF\u00a0—- \u00a0#000000\u00a0—- \u00a0#414141\u00a0—- \u00a0#CCCCCC<\/p>\n

<\/p>\n

3) Palette\u00a03<\/h2>\n

\"palette-couleurs-web-gris-2_10\"<\/a><\/p>\n

#5BAD7E\u00a0—- \u00a0#000000\u00a0—- \u00a0#FFFFF8\u00a0—- \u00a0#CFCEC9\u00a0—- \u00a0#63635F<\/p>\n

4) Palette\u00a04<\/h2>\n

\"palette-couleurs-web-gris-2_13\"<\/a><\/p>\n

#7C838B\u00a0—- \u00a0#676F73\u00a0—- \u00a0#818A8C\u00a0—- \u00a0#657273\u00a0—- \u00a0#838B8A<\/p>\n

5) Palette\u00a05<\/h2>\n

\"palette-couleurs-web-gris-2_16\"<\/a><\/p>\n

#60768B\u00a0—- \u00a0#4B5259\u00a0—- \u00a0#7F8A8C\u00a0—- \u00a0#BFBDB8\u00a0—- \u00a0#F1EDEB<\/p>\n

6) Palette\u00a06<\/h2>\n

\"palette-couleurs-web-gris-2_20\"<\/a><\/p>\n

#424146\u00a0—- \u00a0#777780\u00a0—- \u00a0#EFEEFE\u00a0—- \u00a0#3C3B40\u00a0—- \u00a0#D7D6E6<\/p>\n

7) Palette 7<\/h2>\n

\"palette-couleurs-web-gris-2_24\"<\/a><\/p>\n

#46464C\u00a0—- \u00a0#E2AF9C\u00a0—- \u00a0#FEF7F9\u00a0—- \u00a0#A5A5AF\u00a0—- \u00a0#80818A<\/p>\n

8) Palette 8<\/h2>\n

\"palette-couleurs-web-gris-2_28\"<\/a><\/p>\n

#FFFFFF\u00a0—- \u00a0#464646\u00a0—- \u00a0#464646\u00a0—- \u00a0#353535\u00a0—- \u00a0#242424<\/p>\n

9) Palette 9<\/h2>\n

\"palette-couleurs-web-gris-2_31\"<\/a><\/p>\n

#818394\u00a0—- \u00a0#C1C1C1\u00a0—- \u00a0#353535\u00a0—- \u00a0#663835\u00a0—- \u00a0#783B37<\/p>\n

10) Palette 10<\/h2>\n

\"palette-couleurs-web-gris\"<\/a><\/p>\n

#E8F1F5\u00a0—- \u00a0#646769\u00a0—- \u00a0#ABB3B6\u00a0—- \u00a0#6F7476\u00a0—- \u00a0#4B4E50<\/p>\n

Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t Ins\u00e9rer une page cms sur une page produit | Astuce Prestashop 1.6
views 3933<\/div><\/a>\n\t\t\t\t\t\t\t\tJe vais vous montrer comment ins\u00e9rer une page cms sur une page produit.\r\n\r\nAstuce Prestashop 1.6\r\n\r\n\r\n1) Si on d\u00e9sire que le contenu soit affich\u00e9 sur toutes les pages produits\u00a0\r\nPour cela on va ouvrir le fichier product.tpl qui se situe dans \/themes\/lenomdevotreth\u00e8me\/product.tpl\r\n\r\nIns\u00e9rer le code suivant \u00e0 l'endroit o\u00f9 vous d\u00e9sirez que le contenu de votre page cms apparaisse.\r\n\r\nIci le \"1\" corres...<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t A\/B Testing \u2013 Quick Vs Multi Page checkout \u2013 Which performs better?
views 831<\/div><\/a>\n\t\t\t\t\t\t\t\tCheckout pages are the last part of transaction that confirms sale. They ask customer about their personal information (name, CNIC, credit card info, social security) so they can be billed and their product shipped to them.\r\n\r\nThere are many reasons why customers resort to shopping cart abandonment. Sometimes the Checkout is badly optimized with an ill-defined structure. There might be excessive l...<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t Braintree \u2013 Une solution de Paiement sans VAD | Prestashop
views 5761<\/div><\/a>\n\t\t\t\t\t\t\t\tQu'est-ce que Braintree ?\u00a0\r\nBraintree offre une solution compl\u00e8te de paiement pour les e-marchands sur mobile, tablette et bureau.\u00a0C'est une entreprise am\u00e9ricaine qui a \u00e9t\u00e9 rachet\u00e9e par Paypal en 2013.\r\n\r\nComment j'ai connu Braintree ?\u00a0\r\nUn de mes clients a souscrit un Forfait Int\u00e9gral Evolution (25\u20ac par mois) chez Paypal. Apr\u00e8s avoir install\u00e9 le module dans le cms Prestashop, je me suis aper\u00e7ue q...<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t POSITION : inverser le hook displayHome et DisplayHomeTab | Astuce Prestashop 1.6
views 2525<\/div><\/a>\n\t\t\t\t\t\t\t\tCe tuto va vous permettre d'inverser le hook\u00a0displayHome et hookDisplayHomeTab, situ\u00e9 sur la page d'accueil de Prestashop\r\n\r\nA la base voici comment\u00a0sont positionn\u00e9s les deux hooks \u00a0:\r\n\r\n\r\n\r\n\r\nComment\u00a0inverser ses deux hooks ?\u00a0\r\n1. Ouvrez le fichier index.tpl qui se situe dans themes > lenomdevotretheme > index.tpl\r\n\r\n2. Mettre le code suivant :\r\n\r\nAvant\r\n\r\n3. Voici le code dans sa totalit\u00e9\r...<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t\t <\/a>\n\t\t\t\t\t\t Afficher les disponibilit\u00e9s sur la liste de produits | Astuce Prestashop 1.6
views 3681<\/div><\/a>\n\t\t\t\t\t\t\t\tCe tutorial va vous permettre d'afficher les disponibilit\u00e9s (en stock....)\u00a0sur la liste des produits du bloc Populaire , Nouveaux Produits, Meilleures Ventes ....,\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\n-------------------------------\r\n\r\n1)\u00a0Modification du fichier\u00a0product-list.tpl.\r\n\r\nOuvrez le fichier product-list qui se situe \u00e0 l'int\u00e9rieur de votre th\u00e8me est ins\u00e9r\u00e9\u00a0le code...<\/span>\n\t\t\t\t\t\t \n\t\t\t\t\t\t<\/div>\n<\/div> ","protected":false},"excerpt":{"rendered":"

Selon, Trinity Advise,\u00a0le gris n\u2019est pas tout \u00e0 fait une couleur, historiquement associ\u00e9 \u00e0 des univers de tristesse, de vieillesse voire de mort. Il suffit aussi de constater les \u00e9l\u00e9ments qui le repr\u00e9sentent (poussi\u00e8re, souris, b\u00e9ton) pour s\u2019apercevoir qu\u2019il n\u2019est pas tr\u00e8s positif au regard actuel des occidentaux. Pourtant, il […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/628"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=628"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/628\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=628"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=628"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}