{"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":"fargpalett","status":"publish","type":"page","link":"https:\/\/planzeo.com\/sv\/fargpalett\/","title":{"rendered":"F\u00e4rgpalett"},"content":{"rendered":"<h3>Varf\u00f6r denna f\u00e4rgpalett?<\/h3>\n<p>I olika webbl\u00e4sare (t.ex. Mozilla Firefox, Google Chrome, Microsoft Edge) kan de inbyggda f\u00e4rgv\u00e4ljarna se olika ut och fungera p\u00e5 olika s\u00e4tt \u2013 reglage, nyanser eller f\u00f6rinst\u00e4llda paletter kan variera. Som resultat \u00e4r det sv\u00e5rt att snabbt v\u00e4lja samma f\u00e4rg p\u00e5 olika enheter eller plugins.<\/p>\n<p>D\u00e4rf\u00f6r skapade vi denna f\u00e4rgpalett \u2013 ett fusklapp med 100 HEX-f\u00e4rger.<br \/>\nVarje f\u00e4rg har en f\u00f6rhandsvisning, en HEX-kod och en \u201dKopiera\u201d-knapp. Ett klick r\u00e4cker f\u00f6r att s\u00e4kerst\u00e4lla att du anv\u00e4nder exakt samma nyans i hela projektet.<\/p>\n<p>\ud83d\udc49 Du kan klistra in den kopierade HEX-koden direkt i HEX-f\u00e4ltet bredvid f\u00e4rgv\u00e4ljaren. P\u00e5 s\u00e5 s\u00e4tt har du alltid full kontroll \u00f6ver dina f\u00e4rger i Planzeo \u2013 den online schemageneratorn som hj\u00e4lper dig att organisera och designa scheman med l\u00e4tthet. \ud83c\udfa8\u2728<\/p>\n<p>\ud83d\udca1 F\u00f6r extra bekv\u00e4mlighet, \u00f6ppna f\u00e4rgpaletten i en ny webbl\u00e4sarflik och ha den bredvid ditt projekt. Detta g\u00f6r att du snabbt kan kopiera f\u00e4rger och klistra in dem i HEX-f\u00e4ltet utan att st\u00e4ndigt byta vy.<\/p>\n<p>\u26a1 F\u00f6r avancerade anv\u00e4ndare \u2013 kom ih\u00e5g att den inbyggda f\u00e4rgv\u00e4ljaren fortfarande fungerar precis som tidigare. HEX-f\u00e4ltet \u00e4r bara ett till\u00e4gg f\u00f6r att g\u00f6ra \u00f6verf\u00f6ringen av specifika f\u00e4rgkoder snabbare och enklare.<\/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 100 f\u00e4rgpalett<\/h2>\n        <p>Klicka p\u00e5 \u201dCopy\u201d f\u00f6r att kopiera HEX-koden. Om du klickar p\u00e5 rutan kopieras ocks\u00e5 f\u00e4rgen.<\/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\/sv\/fargpalett\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\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\/sv\/fargpalett\/\" \/>\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=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/sv\\\/fargpalett\\\/\",\"url\":\"https:\\\/\\\/planzeo.com\\\/sv\\\/fargpalett\\\/\",\"name\":\"Color palette Planzeo \u2013 Free Online Schedule Generator\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/planzeo.com\\\/sv\\\/#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\\\/sv\\\/fargpalett\\\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":\"https:\\\/\\\/planzeo.com\\\/sv\\\/fargpalett\\\/\"}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/sv\\\/fargpalett\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/planzeo.com\\\/sv\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Color palette\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/sv\\\/#website\",\"url\":\"https:\\\/\\\/planzeo.com\\\/sv\\\/\",\"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\\\/sv\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"}]}<\/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\/sv\/fargpalett\/","og_locale":"sv_SE","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\/sv\/fargpalett\/","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":{"Ber\u00e4knad l\u00e4stid":"1 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/planzeo.com\/sv\/fargpalett\/","url":"https:\/\/planzeo.com\/sv\/fargpalett\/","name":"Color palette Planzeo \u2013 Free Online Schedule Generator","isPartOf":{"@id":"https:\/\/planzeo.com\/sv\/#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\/sv\/fargpalett\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":"https:\/\/planzeo.com\/sv\/fargpalett\/"}]},{"@type":"BreadcrumbList","@id":"https:\/\/planzeo.com\/sv\/fargpalett\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/planzeo.com\/sv\/"},{"@type":"ListItem","position":2,"name":"Color palette"}]},{"@type":"WebSite","@id":"https:\/\/planzeo.com\/sv\/#website","url":"https:\/\/planzeo.com\/sv\/","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\/sv\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"}]}},"_links":{"self":[{"href":"https:\/\/planzeo.com\/sv\/wp-json\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planzeo.com\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/planzeo.com\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/planzeo.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planzeo.com\/sv\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":2,"href":"https:\/\/planzeo.com\/sv\/wp-json\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/planzeo.com\/sv\/wp-json\/wp\/v2\/pages\/223\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/planzeo.com\/sv\/wp-json\/wp\/v2\/media?parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}