{"componentChunkName":"component---src-templates-blog-post-js","path":"/09-javascript-einzeiler-zufallige-hex-farbcodes-generieren/","result":{"data":{"site":{"siteMetadata":{"title":"Mario Fink • Webentwickler"}},"markdownRemark":{"id":"796efe74-ba2b-50ff-8d0d-e3db9d324a13","excerpt":"Paul Irish und ein paar seiner Kollegen haben diese sehr elegante Lösung einen zufälligen Hex-Farbcode per JavaScript zu generieren ausgetüftelt. Dabei wird…","html":"<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token string\">\"#\"</span> <span class=\"token operator\">+</span> Math<span class=\"token punctuation\">.</span><span class=\"token function\">floor</span><span class=\"token punctuation\">(</span>Math<span class=\"token punctuation\">.</span><span class=\"token function\">random</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">*</span> <span class=\"token number\">16777215</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">.</span><span class=\"token function\">toString</span><span class=\"token punctuation\">(</span><span class=\"token number\">16</span><span class=\"token punctuation\">)</span></code></pre></div>\n<p><a href=\"http://paulirish.com/2009/random-hex-color-code-snippets/\">Paul Irish und ein paar seiner Kollegen</a> haben diese sehr elegante Lösung einen zufälligen Hex-Farbcode per JavaScript zu generieren ausgetüftelt.</p>\n<p>Dabei wird einfach eine zufällige Zahl zwischen 0 (Hex: #000000) und 16.777.215 (Hex: #FFFFFF) per <a href=\"https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number/toString\">Number.toString</a> in eine Hexadezimalzahl umgewandelt.</p>\n<p>Nützlich!</p>","frontmatter":{"title":"JavaScript-Einzeiler: Zufällige HEX-Farbcodes generieren","date":"25. Juli 2012"}}},"pageContext":{"slug":"/09-javascript-einzeiler-zufallige-hex-farbcodes-generieren/","previous":{"fields":{"slug":"/07-microsoft-windows-marken-redesign-in-nur-3-tagen/"},"frontmatter":{"title":"Microsoft Windows Marken-Redesign – in nur 3 Tagen"}},"next":{"fields":{"slug":"/10-das-neue-microsoft-logo-langeweile-im-quadrat/"},"frontmatter":{"title":"Das neue Microsoft Logo: Langeweile im Quadrat"}}}}}