{"id":223,"date":"2025-09-29T16:17:59","date_gmt":"2025-09-29T14:17:59","guid":{"rendered":"https:\/\/planzeo.com\/?page_id=223"},"modified":"2026-02-26T18:55:21","modified_gmt":"2026-02-26T17:55:21","slug":"palette-de-couleurs","status":"publish","type":"page","link":"https:\/\/planzeo.com\/fr\/palette-de-couleurs\/","title":{"rendered":"Palette de couleurs"},"content":{"rendered":"<h3>Pourquoi cette palette de couleurs ?<\/h3>\n<p>Dans diff\u00e9rents navigateurs (par exemple Mozilla Firefox, Google Chrome, Microsoft Edge), les s\u00e9lecteurs de couleurs int\u00e9gr\u00e9s peuvent avoir un aspect et un comportement diff\u00e9rents \u2013 curseurs, nuances ou palettes pr\u00e9d\u00e9finies peuvent varier. Il devient donc difficile de r\u00e9cup\u00e9rer rapidement la m\u00eame couleur sur plusieurs appareils ou plugins.<\/p>\n<p>C\u2019est pourquoi nous avons cr\u00e9\u00e9 cette palette \u2013 une antis\u00e8che avec 100 couleurs HEX.<br \/>\nChaque couleur dispose d\u2019un aper\u00e7u, d\u2019un code HEX et d\u2019un bouton \u00ab Copier \u00bb. Un seul clic suffit pour garantir que vous utilisez exactement la m\u00eame teinte dans tout votre projet.<\/p>\n<p>\ud83d\udc49 Vous pouvez coller le code HEX copi\u00e9 directement dans le champ HEX \u00e0 c\u00f4t\u00e9 du s\u00e9lecteur de couleurs. Ainsi, vous gardez toujours un contr\u00f4le total sur vos couleurs dans Planzeo \u2013 le g\u00e9n\u00e9rateur d\u2019emplois du temps en ligne qui vous aide \u00e0 organiser et concevoir vos plannings facilement. \ud83c\udfa8\u2728<\/p>\n<p>\ud83d\udca1 Pour plus de commodit\u00e9, ouvrez la palette de couleurs dans un nouvel onglet du navigateur et gardez-la \u00e0 c\u00f4t\u00e9 de votre projet. Cela vous permet de copier rapidement des couleurs et de les coller dans le champ HEX sans changer constamment de vue.<\/p>\n<p>\u26a1 Pour les utilisateurs avanc\u00e9s \u2013 rappelez-vous que le s\u00e9lecteur de couleurs natif fonctionne toujours exactement comme avant. Le champ HEX est simplement un compl\u00e9ment pour transf\u00e9rer plus rapidement et plus facilement des codes de couleur sp\u00e9cifiques.<\/p>\n<p><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2840657181745135\"\n     crossorigin=\"anonymous\"><\/script><br \/>\n<!-- pozioma --><br \/>\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-2840657181745135\"\n     data-ad-slot=\"7520897132\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>\n    <style>\n      .planzeo-palette-wrap{padding:16px 20px 40px;}\n      .planzeo-header{margin-bottom:10px;}\n      .planzeo-header h2{margin:0;font-size:20px;}\n      .planzeo-header p{margin:4px 0 0;color:#555;}\n      .planzeo-palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;}\n      .planzeo-tile{background:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.06);cursor:pointer}\n      .planzeo-swatch{height:60px;width:100%;}\n      .planzeo-row{display:flex;align-items:center;gap:10px;padding:8px 10px 10px}\n      .planzeo-hex{font-variant-numeric:tabular-nums;letter-spacing:.2px;font-weight:600;color:#333}\n      .planzeo-copy{margin-left:auto;padding:6px 10px;border-radius:8px;border:1px solid #ccc;background:#f7f7f7;color:#333;cursor:pointer;font-weight:600;font-size:13px}\n      .planzeo-copy:hover{background:#eee}\n      .planzeo-copy:active{transform:translateY(1px)}\n      .planzeo-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#333;color:#fff;padding:10px 14px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .25s ease;font-size:14px;z-index:9999}\n      .planzeo-toast.show{opacity:1}\n\n      \/* HEX input section *\/\n      .hex-wrapper{display:flex;align-items:center;gap:8px;margin:20px 0 0;}\n      .hex-wrapper input[type=color]{width:40px;height:40px;padding:0;border:none;cursor:pointer;}\n      .hex-wrapper input[type=text]{width:90px;padding:6px 8px;border:1px solid #ccc;border-radius:6px;text-transform:uppercase;}\n    <\/style>\n\n    <div class=\"planzeo-palette-wrap\">\n      <div class=\"planzeo-header\">\n        <h2>Planzeo \u2013 Palette de 100 couleurs<\/h2>\n        <p>Cliquez sur \u00ab Copy \u00bb pour copier le code HEX. Un clic sur la case copie \u00e9galement la couleur.<\/p>\n      <\/div>\n\n      <div id=\"planzeo-grid\" class=\"planzeo-palette-grid\"><\/div>\n\n     \n    <\/div>\n\n    <div id=\"planzeo-toast\" class=\"planzeo-toast\">Copied to clipboard<\/div>\n\n    <script>\n      (function(){\n        const COLORS = [\n          '#fee2e2','#fecaca','#fca5a5','#ef4444','#b91c1c',\n          '#ffedd5','#fed7aa','#fdba74','#f97316','#c2410c',\n          '#fef3c7','#fde68a','#fcd34d','#f59e0b','#b45309',\n          '#fef9c3','#fef08a','#fde047','#eab308','#a16207',\n          '#ecfccb','#d9f99d','#bef264','#84cc16','#4d7c0f',\n          '#dcfce7','#bbf7d0','#86efac','#22c55e','#166534',\n          '#d1fae5','#a7f3d0','#6ee7b7','#10b981','#065f46',\n          '#ccfbf1','#99f6e4','#5eead4','#14b8a6','#115e59',\n          '#cffafe','#a5f3fc','#67e8f9','#06b6d4','#0e7490',\n          '#e0f2fe','#bae6fd','#7dd3fc','#38bdf8','#0369a1',\n          '#dbeafe','#bfdbfe','#93c5fd','#3b82f6','#1e40af',\n          '#e0e7ff','#c7d2fe','#a5b4fc','#6366f1','#3730a3',\n          '#ede9fe','#ddd6fe','#c4b5fd','#8b5cf6','#5b21b6',\n          '#f3e8ff','#e9d5ff','#d8b4fe','#a855f7','#6b21a8',\n          '#fae8ff','#f5d0fe','#f0abfc','#d946ef','#86198f',\n          '#fce7f3','#fbcfe8','#f9a8d4','#ec4899','#9d174d',\n          '#ffe4e6','#fecdd3','#fda4af','#f43f5e','#881337',\n          '#ede0d4','#e6ccb2','#ddb892','#b08968','#7f5539',\n          '#f1f5f9','#cbd5e1','#94a3b8','#475569','#0f172a',\n          '#f5f5f5','#e5e5e5','#a3a3a3','#525252','#171717'\n        ];\n\n        const grid=document.getElementById('planzeo-grid');\n        const toast=document.getElementById('planzeo-toast');\n\n        COLORS.forEach(hex=>{\n          const card=document.createElement('div');\n          card.className='planzeo-tile';\n          const sw=document.createElement('div');\n          sw.className='planzeo-swatch';\n          sw.style.background=hex;\n          const row=document.createElement('div');\n          row.className='planzeo-row';\n          const code=document.createElement('div');\n          code.className='planzeo-hex';\n          code.textContent=hex;\n          const btn=document.createElement('button');\n          btn.className='planzeo-copy';\n          btn.textContent='Copy';\n          btn.addEventListener('click',async e=>{\n            e.stopPropagation();\n            try{await navigator.clipboard.writeText(hex); showToast(`Copied ${hex}`);btn.textContent='Copied!';setTimeout(()=>btn.textContent='Copy',1100);}catch{}\n          });\n          card.addEventListener('click',async()=>{try{await navigator.clipboard.writeText(hex);showToast(`Copied ${hex}`);}catch{}});\n          row.append(code,btn);\n          card.append(sw,row);\n          grid.append(card);\n        });\n\n        function showToast(msg){\n          toast.textContent=msg;\n          toast.classList.add('show');\n          clearTimeout(window.__planzeoTimer);\n          window.__planzeoTimer=setTimeout(()=>toast.classList.remove('show'),1200);\n        }\n\n        \/\/ HEX input <-> color picker sync\n        const picker = document.getElementById('color-picker');\n        const hexField = document.getElementById('hex-field');\n\n        \/\/ picker -> text\n        picker.addEventListener('input', () => {\n          hexField.value = picker.value.toUpperCase();\n        });\n\n        \/\/ text -> picker\n        hexField.addEventListener('input', () => {\n          const v = hexField.value.trim();\n          if(\/^#([0-9A-F]{6})$\/i.test(v)) {\n            picker.value = v;\n          }\n        });\n\n        \/\/ paste event on text input\n        hexField.addEventListener('paste', (e) => {\n          const text = (e.clipboardData || window.clipboardData).getData('text');\n          if(\/^#([0-9A-F]{6})$\/i.test(text.trim())) {\n            e.preventDefault();\n            hexField.value = text.trim().toUpperCase();\n            picker.value = text.trim();\n          }\n        });\n      })();\n    <\/script>\n    \n<p><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2840657181745135\"\n     crossorigin=\"anonymous\"><\/script><br \/>\n<!-- pozioma --><br \/>\n<ins class=\"adsbygoogle\"\n     style=\"display:block\"\n     data-ad-client=\"ca-pub-2840657181745135\"\n     data-ad-slot=\"7520897132\"\n     data-ad-format=\"auto\"\n     data-full-width-responsive=\"true\"><\/ins><br \/>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>Why this color palette? In different browsers (e.g., Mozilla Firefox, Google Chrome, Microsoft Edge), the built-in color pickers can look and behave differently \u2013 sliders, shades,<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>","protected":false},"author":1,"featured_media":-1,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-223","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Color palette Planzeo \u2013 Free Online Schedule Generator<\/title>\n<meta name=\"description\" content=\"Explore the Planzeo Color Palette \u2013 100 ready-to-use HEX colors with preview and copy option. Keep your designs consistent across all browsers in our online class schedule maker.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/planzeo.com\/fr\/palette-de-couleurs\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Color palette Planzeo \u2013 Free Online Schedule Generator\" \/>\n<meta property=\"og:description\" content=\"Explore the Planzeo Color Palette \u2013 100 ready-to-use HEX colors with preview and copy option. Keep your designs consistent across all browsers in our online class schedule maker.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/planzeo.com\/fr\/palette-de-couleurs\/\" \/>\n<meta property=\"og:site_name\" content=\"Planzeo \u2013 Free Online Schedule Generator\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-26T17:55:21+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/fr\\\/palette-de-couleurs\\\/\",\"url\":\"https:\\\/\\\/planzeo.com\\\/fr\\\/palette-de-couleurs\\\/\",\"name\":\"Color palette Planzeo \u2013 Free Online Schedule Generator\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/planzeo.com\\\/fr\\\/#website\"},\"datePublished\":\"2025-09-29T14:17:59+00:00\",\"dateModified\":\"2026-02-26T17:55:21+00:00\",\"description\":\"Explore the Planzeo Color Palette \u2013 100 ready-to-use HEX colors with preview and copy option. Keep your designs consistent across all browsers in our online class schedule maker.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/planzeo.com\\\/fr\\\/palette-de-couleurs\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":\"https:\\\/\\\/planzeo.com\\\/fr\\\/palette-de-couleurs\\\/\"}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/fr\\\/palette-de-couleurs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/planzeo.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Color palette\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/planzeo.com\\\/fr\\\/\",\"name\":\"Planzeo \u2013 Free Online Class Schedule Generator\",\"description\":\"Create your schedule in just a few clicks \u2013 fast, easy, and free. Edit, personalize, and print your schedule online. No registration required.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/planzeo.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Color palette Planzeo \u2013 Free Online Schedule Generator","description":"Explore the Planzeo Color Palette \u2013 100 ready-to-use HEX colors with preview and copy option. Keep your designs consistent across all browsers in our online class schedule maker.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/planzeo.com\/fr\/palette-de-couleurs\/","og_locale":"fr_FR","og_type":"article","og_title":"Color palette Planzeo \u2013 Free Online Schedule Generator","og_description":"Explore the Planzeo Color Palette \u2013 100 ready-to-use HEX colors with preview and copy option. Keep your designs consistent across all browsers in our online class schedule maker.","og_url":"https:\/\/planzeo.com\/fr\/palette-de-couleurs\/","og_site_name":"Planzeo \u2013 Free Online Schedule Generator","article_modified_time":"2026-02-26T17:55:21+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/planzeo.com\/fr\/palette-de-couleurs\/","url":"https:\/\/planzeo.com\/fr\/palette-de-couleurs\/","name":"Color palette Planzeo \u2013 Free Online Schedule Generator","isPartOf":{"@id":"https:\/\/planzeo.com\/fr\/#website"},"datePublished":"2025-09-29T14:17:59+00:00","dateModified":"2026-02-26T17:55:21+00:00","description":"Explore the Planzeo Color Palette \u2013 100 ready-to-use HEX colors with preview and copy option. Keep your designs consistent across all browsers in our online class schedule maker.","breadcrumb":{"@id":"https:\/\/planzeo.com\/fr\/palette-de-couleurs\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":"https:\/\/planzeo.com\/fr\/palette-de-couleurs\/"}]},{"@type":"BreadcrumbList","@id":"https:\/\/planzeo.com\/fr\/palette-de-couleurs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/planzeo.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Color palette"}]},{"@type":"WebSite","@id":"https:\/\/planzeo.com\/fr\/#website","url":"https:\/\/planzeo.com\/fr\/","name":"Planzeo \u2013 Free Online Class Schedule Generator","description":"Create your schedule in just a few clicks \u2013 fast, easy, and free. Edit, personalize, and print your schedule online. No registration required.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/planzeo.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/planzeo.com\/fr\/wp-json\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planzeo.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/planzeo.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/planzeo.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planzeo.com\/fr\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":2,"href":"https:\/\/planzeo.com\/fr\/wp-json\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/planzeo.com\/fr\/wp-json\/wp\/v2\/pages\/223\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/planzeo.com\/fr\/wp-json\/wp\/v2\/media?parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}