2011-02-23 14 views
38

संभव डुप्लिकेट:
Random Color generator in Javascriptजावास्क्रिप्ट का उपयोग करके मैं यादृच्छिक रूप से HTML हेक्स रंग कोड कैसे उत्पन्न करूं?

मुझे लगता है मैं अलग अलग रंग में प्रदर्शित करना चाहते हैं कुछ डेटा है और मैं बेतरतीब ढंग से यदि संभव हो तो रंग उत्पन्न करना चाहते हैं। मैं जावास्क्रिप्ट का उपयोग कर हेक्स रंग कोड कैसे उत्पन्न कर सकता हूं?

उत्तर

106
'#'+(Math.random()*0xFFFFFF<<0).toString(16); 
+0

कौन सा शॉर्टेंड तरीकों को पसंद नहीं करता है? :) – pimvdb

+8

ध्यान दें कि यह विधि गलत रंग कोड भी आउटपुट करती है: '>' # '+ (। 001 * 0xffffff << 0) .toString (16) --->' # 4189'' – Scheintod

+3

मैं शॉर्टंड पसंद नहीं करता तरीके। क्या हो रहा है इसके बारे में एक उबाऊ लम्बाई रास्ता बहुत स्पष्ट होगा। अगर मैंने स्वयं ही यह कोड देखा है, तो मुझे इसे अपने व्यक्त उद्देश्य से जोड़ने के लिए काफी समय लगेगा। – JonathanHayward

47

ब्लॉग पोस्ट Random hex color code generator in JavaScript में कई प्रकार के तरीके हैं। आप शून्य से पैड की जरूरत है जब यादृच्छिक मान 0×100000 कम से कम है, इसलिए यहाँ सही संस्करण है:

var randomColor = "#000000".replace(/0/g,function(){return (~~(Math.random()*16)).toString(16);}); 

यह एक यादृच्छिक हेक्स अंक के साथ छह 0 रों में से प्रत्येक को बदल देता है, तो यह एक पूर्ण के साथ अंत करने के लिए सुनिश्चित है छह अंकों का वैध रंग मान।

+1

यह वह है जो वैध HTML कोड उत्पन्न करता है हर समय – Peshal

+0

क्या मुझे पता है कि आप 16777215 नंबर का उपयोग क्यों करते हैं ... – bvmCoder

+2

@dbgular 16777215 हेक्साडेसिमल में एफएफएफएफएफएफ का दशमलव समतुल्य है, जो अधिकतम आरजीबी रंग मान है। –

संबंधित मुद्दे