ตัวสร้างเลขสุ่ม
เลือกสีแบบสุ่มจากช่วงค่า RGB แบบเต็ม 24 บิต จากนั้นดูผลลัพธ์ในรูปของตัวอย่างสีขนาดใหญ่พร้อมการแสดงผลรูปแบบทั่วไปแต่ละแบบไว้ข้างๆ เช่น สัญลักษณ์เลขฐานสิบหก (#a3e1b4), RGB (rgb(163, 225, 180)), HSL และแม้กระทั่งสีตามชื่อใน CSS เมื่อมีการจับคู่ที่ตรงกัน คลิกที่ตัวอย่างสีเพื่ออ่านค่าสีใหม่อีกครั้ง
วิธีสร้างสีแบบสุ่ม
-
1
สร้างโดยคลิก
ไบต์สามตัวแบบสุ่ม (0–255) จะถูกใช้เป็นช่องสัญญาณ R, G และ B ตามลำดับ
-
2
อ่านรูปแบบทั้งหมด
แสดงทั้ง Hex, RGB, HSL และ HSV ไว้พร้อมกัน ให้คัดลอกค่าตามที่สแตนด์อาร์ดของคุณใช้
-
3
ให้การล็อกหากคุณต้องการ
หากผลลัพธ์ใกล้เคียงกับที่คุณต้องการ ให้เปิด/ปิดตัวเลือก “lock hue” เพื่อรักษาโทนสีไว้ และปรับเพียงระดับความสว่างและความเข้มของสีเท่านั้น
พื้นที่สี
เครื่องกำเนิดสัญญาณใช้ระบบสี RGB แบบ 24 บิต ซึ่งสามารถแสดงสีได้ทั้งหมด 16,777,216 สี ซึ่งเท่ากับช่วงสีที่จอแสดงผลของคุณรองรับได้ อย่างไรก็ตาม มูลค่าบางค่าอาจอยู่ในบริเวณสีเข้มหรือสีที่มีความอิ่มตัวต่ำ จนยากต่อการแยกแยะ
วิธีที่แต่ละรูปแบบแสดงสีเดียวกัน
| รูปแบบ | ไวยากรณ์ | ไบต์ต่อช่องสัญญาณ |
|---|---|---|
| เฮกซ์ | #RRGGBB |
8 บิต |
| RGB | rgb(R, G, B) |
8 บิต |
| HSL | hsl(H, S%, L%) |
อนุพันธ์ |
| HSV | hsv(H, S%, V%) |
อนุพันธ์มาจาก |
| OKLCH | oklch(L C h) |
มีความสม่ำเสมอในแง่การรับรู้ |
ทำไมสิ่งที่ดูเหมือนเกิดขึ้นแบบสุ่มโดยสมบูรณ์จึงอาจดูคลุมเครือได้
ภาพแบบ RGB แบบสุ่มจะให้ผลลัพธ์เป็นสีที่มืดและอ่อนลงทางการรับรู้บ่อยกว่าสีที่สว่างสดใส หากต้องการผลลัพธ์ที่เข้มข้นมากขึ้น ให้ปรับค่า HSL โดยจำกัดระดับความอิ่มตัวไว้ที่ 60% และระดับความสว่างไว้ระหว่าง 45% ถึง 65% จะได้สีที่ดูเหมือนปกนิตยสาร ไม่ใช่สีหมืดสนิท
ความสามารถในการเข้าถึง
ให้เปรียบเทียบสีที่สร้างขึ้นกับข้อความสีขาวหรือสีดำ และตรวจสอบอัตราส่วนคอนทราสต์ตาม WCAG ก่อนนำไปใช้เป็นพื้นหลังของปุ่ม โดยสำหรับข้อความหลัก อัตราส่วนขั้นต่ำควรอยู่ที่ 4.5:1 ส่วนข้อความขนาดใหญ่ควรอยู่ที่ 3:1
คำถามที่พบบ่อย
เนื่องจากส่วนใหญ่ของพื้นที่ RGB อยู่ในบริเวณมืดและมีความอิ่มตัวต่ำ จึงมีเพียงชั้นผิวบางๆ บริเวณขอบเท่านั้นที่แสดงสีสันสดใส ควรสร้างภาพในรูปแบบ HSL หรือ OKLCH โดยจำกัดค่าความอิ่มตัว เพื่อให้ได้ผลลัพธ์ที่มีชีวิตชีวา
ใช้โหมดควบคุมโทนสีแบบล็อก (เมื่อถ่ายภาพ): คุณสามารถเลือกโทนสีในหน่วยองศาได้ และเครื่องมือนี้จะปรับเฉพาะค่าความเข้มของสีและความสว่างเท่านั้น เหมาะอย่างยิ่งสำหรับการทดลองโทนสีของแบรนด์
ขณะนี้ยังไม่มีโหมดการสร้างภาพโดยอัตโนมัติ — การคลิกแต่ละครั้งจะทำให้เกิดภาพใหม่แบบสุ่มจากตัวสุ่มเลขแบบคริปโต (crypto RNG) ให้คัดลอกรหัสเฮกซาเดซิมเพื่อรักษาสีเดิมไว้
โดยประมาณ รหัสเฮกซ์จะขึ้นอยู่กับลักษณะของอุปกรณ์ โดยจอแสดงผลแบบ sRGB ที่ผ่านการปรับเทียบแล้วจะแสดงผลได้อย่างแม่นยำ ในขณะที่แล็ปท็อปราคาถูกอาจทำให้ค่าเหล่านี้เบี่ยงไปทางสีน้ำเงิน ส่วนสำหรับการพิมพ์ ควรแปลงเป็นรูปแบบ CMYK ก่อนเพื่อให้มั่นใจในความคมชัดและโทนสีที่แท้จริง