สุ่มสี Hex Color Code - JavaScript

สร้างฟังก์ชันสุ่มสี Hex Color Code (#RRGGBB) ทุกครั้งที่เรียก

ตัวอย่างโค้ด

const randomColor = () => {
  let color = '#';
  for (let i = 0; i < 6; i++) {
    const bit = (Math.random() * 16) | 0; // 0-15
    color += bit.toString(16);
  }
  return color;
};

// ทดสอบ 7 ครั้ง
for (let i = 0; i < 7; i++) console.log(randomColor());

ผลลัพธ์ตัวอย่าง

#762b46
#cfa0bf
#a20ee1
#c2f7e0
#5d5822
#380f30
#805408

วิธีแบบสั้นกว่า (ES6+)

const randomColor = () => 
  '#' + Math.floor(Math.random() * 0xffffff).toString(16).padStart(6, '0');

// หรือ
const randomColor = () => 
  '#' + [...Array(6)].map(() => Math.floor(Math.random() * 16).toString(16)).join('');

padStart(6, '0') เติม 0 นำหน้าให้ครบ 6 หลักเสมอ