เครื่องมือสุ่มสี

คุณสมบัติของเครื่องมือสุ่มสี

เครื่องมือนี้ช่วยให้คุณสร้างสีสุ่มได้อย่างรวดเร็วและแม่นยำ โดยใช้การสุ่มแบบเข้ารหัส (crypto.getRandomValues) เพื่อให้ได้ค่าที่ไม่สามารถคาดเดาได้ แต่ละช่องสีจะถูกสุ่มในช่วงที่กำหนด เช่น RGB 0-255 หรือ HSL 0-100 สำหรับความอิ่มสีและความสว่าง และ 0-360 สำหรับเฉดสี

ตัวอย่างการใช้งาน

สมมติคุณต้องการสีสุ่มในช่วงสีแดงถึงส้ม (เฉดสี 0-30) ในโหมด HSL แบบจำกัด ตั้งค่าเฉดสีเป็น 0-30 ความอิ่มสีและความสว่างเป็น 0-100 แล้วคลิกสุ่ม ผลลัพธ์อาจเป็น hsl(15, 80%, 60%) ซึ่งแปลงเป็น HEX #E65C1E และ RGB(230, 92, 30) คุณสามารถใช้ค่านี้ในการออกแบบกราฟิกหรือเว็บไซต์ได้ทันที

ข้อจำกัด

สีที่ได้เป็นสีแบบ sRGB เชิงตัวเลข ไม่ใช่สีที่มีชื่อ หรือสีที่ผ่านการตรวจสอบความคมชัด WCAG สำหรับข้อความหรือส่วนติดต่อผู้ใช้ ควรตรวจสอบความคมชัดกับสีพื้นหลังจริงก่อนใช้งาน สีที่ซ้ำกันหรือคล้ายกันอาจเกิดขึ้นได้ และการสร้างสีจะเกิดขึ้นในเบราว์เซอร์ของคุณเท่านั้น ไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์

คำถามที่พบบ่อย

1. การสุ่มสีในโหมด RGB แบบจำกัดต่างจากโหมดเต็มรูปแบบอย่างไร?

ในโหมด RGB แบบจำกัด คุณสามารถกำหนดช่วงสำหรับแต่ละช่องสีแดง เขียว น้ำเงิน ได้ เช่น จำกัดให้สีแดงอยู่ระหว่าง 100-200 ส่วนโหมดเต็มรูปแบบจะสุ่มทุกช่องในช่วง 0-255 ทั้งหมด

2. การตรึงช่องสีหมายความว่าอย่างไร?

เมื่อคุณเลือกช่องใดช่องหนึ่งเป็นช่องที่ตรึงไว้ ค่าที่คุณป้อนจะถูกคงไว้และไม่ถูกสุ่มใหม่ ตัวอย่างเช่น ถ้าตรึงค่าแดงไว้ที่ 255 สีที่ได้จะมีค่าแดงเป็น 255 เสมอ ส่วนช่องอื่นจะถูกสุ่ม

3. ค่า HEX ที่แสดงเป็นค่าที่แน่นอนหรือถูกปัดเศษ?

ค่า HEX จะถูกแปลงจากค่า RGB ที่เป็นจำนวนเต็ม ดังนั้นจึงเป็นค่าที่แน่นอน ไม่มีการปัดเศษ ตัวอย่างเช่น RGB(255, 128, 0) จะแสดงเป็น #FF8000 เสมอ

รายการตรวจสอบก่อนใช้งาน

• เลือกโหมดที่ต้องการ (RGB เต็ม, RGB จำกัด, HSL จำกัด)
• กำหนดช่วงหรือตรึงค่าตามต้องการ
• คลิกปุ่มสุ่มสี
• ตรวจสอบค่า HEX, RGB, HSL ที่แสดง
• ปรับแต่งเพิ่มเติมด้วยตัวควบคุมสีหากจำเป็น
• คัดลอกค่าไปใช้ในงานออกแบบ