{"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":"szinpaletta","status":"publish","type":"page","link":"https:\/\/planzeo.com\/hu\/szinpaletta\/","title":{"rendered":"Sz\u00ednpaletta"},"content":{"rendered":"<h3>Mi\u00e9rt ez a sz\u00ednpaletta?<\/h3>\n<p>K\u00fcl\u00f6nb\u00f6z\u0151 b\u00f6ng\u00e9sz\u0151kben (pl. Mozilla Firefox, Google Chrome, Microsoft Edge) a be\u00e9p\u00edtett sz\u00ednv\u00e1laszt\u00f3k elt\u00e9r\u0151en n\u00e9zhetnek ki \u00e9s m\u0171k\u00f6dhetnek \u2013 a cs\u00faszk\u00e1k, \u00e1rnyalatok vagy el\u0151re be\u00e1ll\u00edtott palett\u00e1k v\u00e1ltozhatnak. Emiatt neh\u00e9z gyorsan ugyanazt a sz\u00ednt kiv\u00e1lasztani k\u00fcl\u00f6nb\u00f6z\u0151 eszk\u00f6z\u00f6k\u00f6n vagy b\u0151v\u00edtm\u00e9nyekben.<\/p>\n<p>Ez\u00e9rt hoztuk l\u00e9tre ezt a palett\u00e1t \u2013 egy pusk\u00e1t 100 HEX sz\u00ednnel.<br \/>\nMinden sz\u00ednhez tartozik el\u0151n\u00e9zet, HEX-k\u00f3d \u00e9s egy \u201eM\u00e1sol\u00e1s\u201d gomb. Egyetlen kattint\u00e1s elegend\u0151 ahhoz, hogy a projekt sor\u00e1n pontosan ugyanazt az \u00e1rnyalatot haszn\u00e1ld.<\/p>\n<p>\ud83d\udc49 A m\u00e1solt HEX k\u00f3dot k\u00f6zvetlen\u00fcl beillesztheted a HEX mez\u0151be a sz\u00ednv\u00e1laszt\u00f3 mellett. \u00cdgy mindig teljes ir\u00e1ny\u00edt\u00e1sod van a sz\u00edneid felett a Planzeo-ban \u2013 az online \u00f3rarend-gener\u00e1torban, amely seg\u00edt k\u00f6nnyed\u00e9n megszervezni \u00e9s megtervezni az \u00f3rarendeket. \ud83c\udfa8\u2728<\/p>\n<p>\ud83d\udca1 A m\u00e9g k\u00e9nyelmesebb haszn\u00e1lat \u00e9rdek\u00e9ben nyisd meg a sz\u00ednpalett\u00e1t egy \u00faj b\u00f6ng\u00e9sz\u0151f\u00fcl\u00f6n, \u00e9s tartsd a projekted mellett. \u00cdgy gyorsan m\u00e1solhatod a sz\u00edneket \u00e9s beillesztheted \u0151ket a HEX mez\u0151be an\u00e9lk\u00fcl, hogy \u00e1lland\u00f3an n\u00e9zetet kellene v\u00e1ltanod.<\/p>\n<p>\u26a1 Halad\u00f3 felhaszn\u00e1l\u00f3knak \u2013 ne feledd, hogy a nat\u00edv sz\u00ednv\u00e1laszt\u00f3 ugyan\u00fagy m\u0171k\u00f6dik, mint kor\u00e1bban. A HEX mez\u0151 csak egy kieg\u00e9sz\u00edt\u0151, amely megk\u00f6nny\u00edti \u00e9s felgyors\u00edtja a konkr\u00e9t sz\u00ednk\u00f3dok \u00e1tvitel\u00e9t.<\/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 sz\u00ednpaletta<\/h2>\n        <p>Kattints a \u201eCopy\u201d gombra a HEX-k\u00f3d m\u00e1sol\u00e1s\u00e1hoz. A sz\u00edncsemp\u00e9re kattintva a sz\u00edn is kim\u00e1sol\u00f3dik.<\/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\/hu\/szinpaletta\/\" \/>\n<meta property=\"og:locale\" content=\"hu_HU\" \/>\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\/hu\/szinpaletta\/\" \/>\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=\"Becs\u00fclt olvas\u00e1si id\u0151\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 perc\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/hu\\\/szinpaletta\\\/\",\"url\":\"https:\\\/\\\/planzeo.com\\\/hu\\\/szinpaletta\\\/\",\"name\":\"Color palette Planzeo \u2013 Free Online Schedule Generator\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/planzeo.com\\\/hu\\\/#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\\\/hu\\\/szinpaletta\\\/#breadcrumb\"},\"inLanguage\":\"hu\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":\"https:\\\/\\\/planzeo.com\\\/hu\\\/szinpaletta\\\/\"}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/hu\\\/szinpaletta\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/planzeo.com\\\/hu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Color palette\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/hu\\\/#website\",\"url\":\"https:\\\/\\\/planzeo.com\\\/hu\\\/\",\"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\\\/hu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"hu\"}]}<\/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\/hu\/szinpaletta\/","og_locale":"hu_HU","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\/hu\/szinpaletta\/","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":{"Becs\u00fclt olvas\u00e1si id\u0151":"1 perc"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/planzeo.com\/hu\/szinpaletta\/","url":"https:\/\/planzeo.com\/hu\/szinpaletta\/","name":"Color palette Planzeo \u2013 Free Online Schedule Generator","isPartOf":{"@id":"https:\/\/planzeo.com\/hu\/#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\/hu\/szinpaletta\/#breadcrumb"},"inLanguage":"hu","potentialAction":[{"@type":"ReadAction","target":"https:\/\/planzeo.com\/hu\/szinpaletta\/"}]},{"@type":"BreadcrumbList","@id":"https:\/\/planzeo.com\/hu\/szinpaletta\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/planzeo.com\/hu\/"},{"@type":"ListItem","position":2,"name":"Color palette"}]},{"@type":"WebSite","@id":"https:\/\/planzeo.com\/hu\/#website","url":"https:\/\/planzeo.com\/hu\/","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\/hu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hu"}]}},"_links":{"self":[{"href":"https:\/\/planzeo.com\/hu\/wp-json\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planzeo.com\/hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/planzeo.com\/hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/planzeo.com\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planzeo.com\/hu\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":2,"href":"https:\/\/planzeo.com\/hu\/wp-json\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/planzeo.com\/hu\/wp-json\/wp\/v2\/pages\/223\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/planzeo.com\/hu\/wp-json\/wp\/v2\/media?parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}