เครื่องสุ่มสี
สร้างสีแบบสุ่ม จานสี และการไล่ระดับสีพร้อมเครื่องมือการเข้าถึง
พร้อมสร้างสี
กำหนดค่าในแผงด้านขวาแล้วคลิก "สร้างสี"
ยังไม่มีประวัติ สร้างสีสักหน่อย!
วิธีการทำงาน
เครื่องสุ่มสีของเราสร้างสีโดยใช้ปริภูมิสี HSL เพื่อการควบคุมเฉดสี ความอิ่มตัว และความสว่างอย่างแม่นยำ เลือกจากสีเดียว จานสีที่กลมกลืน หรือการไล่ระดับสีที่สวยงาม ใช้ตัวกรองอุณหภูมิ ความอิ่มตัว และความสว่าง ตรวจสอบการเข้าถึงด้วยตัวคำนวณอัตราส่วนคอนทราสต์ WCAG และตัวจำลองตาบอดสีในตัว
กรณีการใช้งานทั่วไป
การออกแบบเว็บ
สร้างชุดสีสำหรับเว็บไซต์ แอป และอินเทอร์เฟซดิจิทัลที่มีอัตราส่วนคอนทราสต์ที่เข้าถึงได้
การออกแบบ UI/UX
สร้างจานสีที่กลมกลืนสำหรับอินเทอร์เฟซผู้ใช้พร้อมการตรวจสอบความสอดคล้อง WCAG
แบรนด์และอัตลักษณ์
ค้นพบการผสมสีที่เป็นเอกลักษณ์สำหรับโลโก้ แนวทางแบรนด์ และสื่อการตลาด
ศิลปะและภาพประกอบ
ค้นหาจานสีที่สร้างแรงบันดาลใจสำหรับศิลปะดิจิทัล ภาพประกอบ และโปรเจกต์สร้างสรรค์
คุณสมบัติ
- ✅ โหมดสีเดียว จานสี และการไล่ระดับสี
- ✅ กฎความกลมกลืนของสี 6 แบบ (ตรงข้าม ใกล้เคียง สามเส้า ฯลฯ)
- ✅ ตัวกรองอุณหภูมิ ความอิ่มตัว และความสว่าง
- ✅ ตัวตรวจสอบอัตราส่วนคอนทราสต์ WCAG (สอดคล้อง AA/AAA)
- ✅ การจำลองตาบอดสี (protanopia, deuteranopia, tritanopia)
- ✅ ล็อกสีและสร้างสีอื่นใหม่
- ✅ ส่งออกเป็นตัวแปร CSS, JSON หรือข้อความ
- ✅ รูปแบบ HEX, RGB, HSL และ CMYK
เครื่องสุ่มสีคืออะไร?
เครื่องสุ่มสีเป็นเครื่องมือออนไลน์ที่สร้างสีแบบสุ่ม จานสี และการไล่ระดับสีสำหรับนักออกแบบ นักพัฒนา และศิลปิน ตัวสร้างชุดสีนี้ใช้คณิตศาสตร์ปริภูมิสี HSL เพื่อผลิตสีที่ควบคุมเฉดสี ความอิ่มตัว และความสว่างได้อย่างแม่นยำ ทำให้เหนือกว่าเครื่องสร้างรหัส HEX แบบสุ่มทั่วไป ไม่ว่าคุณจะต้องการสีเน้นเพียงสีเดียวสำหรับเว็บไซต์ จานสี 5 สีที่กลมกลืนสำหรับอัตลักษณ์แบรนด์ หรือการไล่ระดับสีที่สวยงามสำหรับพื้นหลัง UI ตัวสร้างจานสีนี้ให้ผลลัพธ์ระดับมืออาชีพทันที นักออกแบบพึ่งพาเครื่องมือนี้สำหรับการสร้างต้นแบบอย่างรวดเร็ว นักพัฒนาใช้เพื่อสร้างสีธีม และศิลปินหาแรงบันดาลใจสำหรับโปรเจกต์สร้างสรรค์
เครื่องสร้างสีทำงานโดยการสร้างสีในปริภูมิสี HSL (เฉดสี ความอิ่มตัว ความสว่าง) และแปลงเป็นรูปแบบเอาต์พุตหลายรูปแบบ ได้แก่ รหัส HEX สำหรับการพัฒนาเว็บ ค่า RGB สำหรับการออกแบบดิจิทัล HSL สำหรับการจัดรูปแบบ CSS และค่าประมาณ CMYK สำหรับการเตรียมงานพิมพ์ คุณสามารถสร้างสีได้สามโหมด: สีเดียวสำหรับการเลือกสีอย่างรวดเร็ว โหมดจานสีสำหรับสร้างสีที่กลมกลืน 2-10 สี และโหมดการไล่ระดับสีสำหรับสร้างการเปลี่ยนสีที่สวยงามพร้อมโค้ด CSS พร้อมใช้งาน ระบบความกลมกลืนรับประกันการผสมสีที่สวยงามตามหลักทฤษฎีสี — สีตรงข้ามอยู่ตรงข้ามกันบนวงล้อสีเพื่อคอนทราสต์สูงสุด สีใกล้เคียงอยู่ติดกันเพื่อการเปลี่ยนผ่านที่ราบรื่น สีสามเส้าสร้างสามเหลี่ยมด้านเท่าเพื่อความหลากหลายที่สดใส และสีตรงข้ามแยกให้คอนทราสต์ที่มีความตึงเครียดน้อยกว่าแบบสีตรงข้ามเต็มรูปแบบ
สิ่งที่ทำให้เครื่องสร้างสีนี้แตกต่างจากคู่แข่งคือชุดเครื่องมือการเข้าถึงในตัว ตัวตรวจสอบอัตราส่วนคอนทราสต์ WCAG คำนวณคอนทราสต์ระหว่างสีที่สร้างขึ้นสองสีใดก็ได้และแสดงว่าผ่านมาตรฐานการเข้าถึง WCAG 2.0 AA (4.5:1 สำหรับข้อความปกติ 3:1 สำหรับข้อความขนาดใหญ่) และ AAA (7:1 สำหรับข้อความปกติ 4.5:1 สำหรับข้อความขนาดใหญ่) หรือไม่ สิ่งนี้จำเป็นสำหรับนักออกแบบเว็บที่ต้องมั่นใจว่าตัวเลือกสีอ่านได้สำหรับผู้ใช้ทุกคน ตัวจำลองตาบอดสีแสดงให้เห็นว่าสีที่คุณสร้างจะปรากฏอย่างไรต่อผู้ที่มี protanopia (ตาบอดสีแดง) deuteranopia (ตาบอดสีเขียว) และ tritanopia (ตาบอดสีน้ำเงิน) ช่วยให้คุณสร้างการออกแบบที่ครอบคลุมซึ่งเหมาะสำหรับผู้ชายประมาณ 8% และผู้หญิง 0.5% ที่มีความบกพร่องในการมองเห็นสีบางรูปแบบ
ระบบตัวกรองให้คุณควบคุมสีที่สร้างขึ้นอย่างละเอียด ตัวกรองอุณหภูมิจำกัดสีเป็นโทนร้อน (แดง ส้ม เหลือง) สำหรับการออกแบบที่มีพลัง โทนเย็น (น้ำเงิน เขียว ม่วง) สำหรับความสวยงามที่สงบ หรือโทนกลางสำหรับองค์ประกอบที่สมดุล ตัวกรองความอิ่มตัวให้คุณสร้างสีพาสเทลสำหรับการออกแบบที่นุ่มนวล สีสดใสสำหรับคำกล่าวที่โดดเด่น โทนทึมสำหรับจานสีที่หรูหรา หรือสีนีออนสำหรับเอฟเฟกต์ที่ดึงดูดสายตา ตัวกรองความสว่างควบคุมว่าสีจะสว่างสำหรับการออกแบบที่โปร่งเบา ปานกลางสำหรับอินเทอร์เฟซที่สมดุล หรือมืดสำหรับธีมที่น่าทึ่ง ฟีเจอร์ล็อกให้คุณเก็บสีที่ชอบในขณะที่สร้างสีอื่นใหม่ เหมาะสำหรับการสร้างจานสีทีละขั้น ส่งออกสีของคุณเป็น CSS custom properties สำหรับใช้ในสไตล์ชีตโดยตรง JSON สำหรับการใช้งานเชิงโปรแกรม หรือข้อความธรรมดาสำหรับเอกสาร ประวัติการสร้างจะติดตามชุดสีก่อนหน้าทั้งหมดของคุณเพื่อให้คุณสามารถกลับมาดูและนำการผสมสีที่ชอบกลับมาใช้ได้