{"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":"renk-paleti","status":"publish","type":"page","link":"https:\/\/planzeo.com\/tr\/renk-paleti\/","title":{"rendered":"Renk paleti"},"content":{"rendered":"<h3>Neden bu renk paleti?<\/h3>\n<p>Farkl\u0131 taray\u0131c\u0131larda (\u00f6r. Mozilla Firefox, Google Chrome, Microsoft Edge) yerle\u015fik renk se\u00e7iciler farkl\u0131 g\u00f6r\u00fcnebilir ve davranabilir \u2013 kayd\u0131r\u0131c\u0131lar, tonlar veya haz\u0131r paletler de\u011fi\u015fiklik g\u00f6sterebilir. Bu nedenle, ayn\u0131 rengi farkl\u0131 cihazlarda veya eklentilerde h\u0131zl\u0131ca almak zordur.<\/p>\n<p>\u0130\u015fte bu y\u00fczden bu paleti olu\u015fturduk \u2013 100 HEX renk i\u00e7eren bir kopya ka\u011f\u0131d\u0131.<br \/>\nHer rengin bir \u00f6nizlemesi, HEX kodu ve \u201cKopyala\u201d d\u00fc\u011fmesi vard\u0131r. Tek bir t\u0131klama, projeniz boyunca tamamen ayn\u0131 tonu kulland\u0131\u011f\u0131n\u0131zdan emin olman\u0131z i\u00e7in yeterlidir.<\/p>\n<p>\ud83d\udc49 Kopyalad\u0131\u011f\u0131n\u0131z HEX kodunu renk se\u00e7icisinin yan\u0131ndaki HEX alan\u0131na do\u011frudan yap\u0131\u015ft\u0131rabilirsiniz. Bu \u015fekilde, Planzeo\u2019da \u2013 ders programlar\u0131n\u0131 kolayca d\u00fczenlemenize ve tasarlaman\u0131za yard\u0131mc\u0131 olan \u00e7evrimi\u00e7i ders program\u0131 olu\u015fturucusunda renkleriniz \u00fczerinde her zaman tam kontrol sahibi olursunuz. \ud83c\udfa8\u2728<\/p>\n<p>\ud83d\udca1 Ekstra kolayl\u0131k i\u00e7in renk paletini yeni bir taray\u0131c\u0131 sekmesinde a\u00e7\u0131n ve projenizin yan\u0131nda tutun. B\u00f6ylece s\u00fcrekli g\u00f6r\u00fcn\u00fcm de\u011fi\u015ftirmek zorunda kalmadan renkleri h\u0131zl\u0131ca kopyalay\u0131p HEX alan\u0131na yap\u0131\u015ft\u0131rabilirsiniz.<\/p>\n<p>\u26a1 \u0130leri d\u00fczey kullan\u0131c\u0131lar i\u00e7in \u2013 dahili renk se\u00e7icinin eskisiyle tamamen ayn\u0131 \u015fekilde \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 unutmay\u0131n. HEX alan\u0131, belirli renk kodlar\u0131n\u0131 daha h\u0131zl\u0131 ve kolay aktarmak i\u00e7in yaln\u0131zca bir eklentidir.<\/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 renk paleti<\/h2>\n        <p>HEX kodunu kopyalamak i\u00e7in \u201cCopy\u201dye t\u0131klay\u0131n. Kutucu\u011fa t\u0131klamak da rengi kopyalar.<\/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 v28.0 - 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\/tr\/renk-paleti\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\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\/tr\/renk-paleti\/\" \/>\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=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/tr\\\/renk-paleti\\\/\",\"url\":\"https:\\\/\\\/planzeo.com\\\/tr\\\/renk-paleti\\\/\",\"name\":\"Color palette Planzeo \u2013 Free Online Schedule Generator\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/planzeo.com\\\/tr\\\/#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\\\/tr\\\/renk-paleti\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":\"https:\\\/\\\/planzeo.com\\\/tr\\\/renk-paleti\\\/\"}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/tr\\\/renk-paleti\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/planzeo.com\\\/tr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Color palette\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/planzeo.com\\\/tr\\\/#website\",\"url\":\"https:\\\/\\\/planzeo.com\\\/tr\\\/\",\"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\\\/tr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"}]}<\/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\/tr\/renk-paleti\/","og_locale":"tr_TR","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\/tr\/renk-paleti\/","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":{"Tahmini okuma s\u00fcresi":"1 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/planzeo.com\/tr\/renk-paleti\/","url":"https:\/\/planzeo.com\/tr\/renk-paleti\/","name":"Color palette Planzeo \u2013 Free Online Schedule Generator","isPartOf":{"@id":"https:\/\/planzeo.com\/tr\/#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\/tr\/renk-paleti\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":"https:\/\/planzeo.com\/tr\/renk-paleti\/"}]},{"@type":"BreadcrumbList","@id":"https:\/\/planzeo.com\/tr\/renk-paleti\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/planzeo.com\/tr\/"},{"@type":"ListItem","position":2,"name":"Color palette"}]},{"@type":"WebSite","@id":"https:\/\/planzeo.com\/tr\/#website","url":"https:\/\/planzeo.com\/tr\/","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\/tr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"}]}},"_links":{"self":[{"href":"https:\/\/planzeo.com\/tr\/wp-json\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planzeo.com\/tr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/planzeo.com\/tr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/planzeo.com\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planzeo.com\/tr\/wp-json\/wp\/v2\/comments?post=223"}],"version-history":[{"count":2,"href":"https:\/\/planzeo.com\/tr\/wp-json\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/planzeo.com\/tr\/wp-json\/wp\/v2\/pages\/223\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/planzeo.com\/tr\/wp-json\/wp\/v2\/media?parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}