{"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":"paleta-kolorow","status":"publish","type":"page","link":"https:\/\/planzeo.com\/pl\/paleta-kolorow\/","title":{"rendered":"Paleta kolor\u00f3w"},"content":{"rendered":"<h3>Dlaczego ta paleta kolor\u00f3w?<\/h3>\n<p>W r\u00f3\u017cnych przegl\u0105darkach (np. Mozilla Firefox, Google Chrome, Microsoft Edge) wbudowane color pickery mog\u0105 wygl\u0105da\u0107 i dzia\u0142a\u0107 inaczej \u2013 suwaki, odcienie czy gotowe palety mog\u0105 si\u0119 r\u00f3\u017cni\u0107. W efekcie trudno jest szybko wybra\u0107 ten sam kolor na r\u00f3\u017cnych urz\u0105dzeniach lub wtyczkach.<\/p>\n<p>Dlatego stworzyli\u015bmy t\u0119 palet\u0119 \u2013 \u015bci\u0105gawk\u0119 ze 100 kolorami HEX.<br \/>\nKa\u017cdy kolor ma podgl\u0105d, kod HEX oraz przycisk \u201eKopiuj\u201d. Jedno klikni\u0119cie wystarczy, aby mie\u0107 pewno\u015b\u0107, \u017ce u\u017cywasz dok\u0142adnie tego samego odcienia w ca\u0142ym projekcie.<\/p>\n<p>\ud83d\udc49 Skopiowany kod HEX mo\u017cesz wklei\u0107 bezpo\u015brednio w pole HEX obok wybieraka kolor\u00f3w. Dzi\u0119ki temu zawsze masz pe\u0142n\u0105 kontrol\u0119 nad swoimi kolorami w Planzeo \u2013 internetowym generatorze plan\u00f3w lekcji, kt\u00f3ry pomaga w \u0142atwej organizacji i projektowaniu rozk\u0142ad\u00f3w. \ud83c\udfa8\u2728<\/p>\n<p>\ud83d\udca1 Dla jeszcze wi\u0119kszej wygody otw\u00f3rz palet\u0119 kolor\u00f3w w nowej karcie przegl\u0105darki i trzymaj j\u0105 obok swojego projektu. Dzi\u0119ki temu mo\u017cesz szybko kopiowa\u0107 kolory i wkleja\u0107 je w pole HEX bez ci\u0105g\u0142ego prze\u0142\u0105czania widok\u00f3w.<\/p>\n<p>\u26a1 Dla zaawansowanych u\u017cytkownik\u00f3w \u2013 pami\u0119taj, \u017ce natywny wybierak kolor\u00f3w dzia\u0142a dok\u0142adnie tak samo jak wcze\u015bniej. Pole HEX to tylko dodatek, kt\u00f3ry sprawia, \u017ce przenoszenie konkretnych kod\u00f3w kolor\u00f3w jest szybsze i \u0142atwiejsze.<\/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 Paleta 100 kolor\u00f3w<\/h2>\n        <p>Kliknij \u201eCopy\u201d, aby skopiowa\u0107 kod HEX. Klikni\u0119cie kafelka r\u00f3wnie\u017c kopiuje kolor.<\/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\/pl\/paleta-kolorow\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\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\/pl\/paleta-kolorow\/\" \/>\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=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuta\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/pl\\\/paleta-kolorow\\\/\",\"url\":\"https:\\\/\\\/planzeo.com\\\/pl\\\/paleta-kolorow\\\/\",\"name\":\"Color palette Planzeo \u2013 Free Online Schedule Generator\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/planzeo.com\\\/pl\\\/#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\\\/pl\\\/paleta-kolorow\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":\"https:\\\/\\\/planzeo.com\\\/pl\\\/paleta-kolorow\\\/\"}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/pl\\\/paleta-kolorow\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/planzeo.com\\\/pl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Color palette\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/pl\\\/#website\",\"url\":\"https:\\\/\\\/planzeo.com\\\/pl\\\/\",\"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\\\/pl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"}]}<\/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\/pl\/paleta-kolorow\/","og_locale":"pl_PL","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\/pl\/paleta-kolorow\/","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":{"Szacowany czas czytania":"1 minuta"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/planzeo.com\/pl\/paleta-kolorow\/","url":"https:\/\/planzeo.com\/pl\/paleta-kolorow\/","name":"Color palette Planzeo \u2013 Free Online Schedule Generator","isPartOf":{"@id":"https:\/\/planzeo.com\/pl\/#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\/pl\/paleta-kolorow\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":"https:\/\/planzeo.com\/pl\/paleta-kolorow\/"}]},{"@type":"BreadcrumbList","@id":"https:\/\/planzeo.com\/pl\/paleta-kolorow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/planzeo.com\/pl\/"},{"@type":"ListItem","position":2,"name":"Color palette"}]},{"@type":"WebSite","@id":"https:\/\/planzeo.com\/pl\/#website","url":"https:\/\/planzeo.com\/pl\/","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\/pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"}]}},"_links":{"self":[{"href":"https:\/\/planzeo.com\/pl\/wp-json\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planzeo.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/planzeo.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/planzeo.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planzeo.com\/pl\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":2,"href":"https:\/\/planzeo.com\/pl\/wp-json\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/planzeo.com\/pl\/wp-json\/wp\/v2\/pages\/223\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/planzeo.com\/pl\/wp-json\/wp\/v2\/media?parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}