วิธีใช้เครื่องมือสร้างจานสี
- 1
เลือกวิธีการของคุณ
เลือกแท็บ 'เทมเพลต' (จานสีสำเร็จรูป), 'ตัวสร้าง' (ทฤษฎีสี) หรือ 'กำหนดเอง' (สร้างเอง) เพื่อเริ่มต้น
- 2
เลือกหรือสร้างสี
เรียกดูจานสีเทมเพลตตามหมวดหมู่ สร้างโดยใช้ชุดสีเช่น คู่ตรงข้ามหรือไตรแอดิก หรือสร้างจานสีแบบกำหนดเองด้วยตนเอง
- 3
แก้ไขและปรับแต่ง
คลิกสีใดก็ได้เพื่อแก้ไขด้วยตัวเลือกสี ลากสีเพื่อจัดเรียงใหม่ หรือใช้ปุ่มสุ่มเพื่อจัดเรียงใหม่
- 4
ตรวจสอบการเข้าถึง
ใช้เครื่องมือตรวจสอบคอนทราสต์เพื่อให้แน่ใจว่าการผสมสีของคุณเป็นไปตามมาตรฐานการเข้าถึง WCAG สำหรับการอ่านข้อความ
- 5
ส่งออกจานสีของคุณ
ส่งออกจานสีสุดท้ายของคุณเป็นตัวแปร CSS, SCSS, การตั้งค่า Tailwind, ข้อมูล JSON หรือรูปภาพ PNG เพื่อใช้งานในโปรเจกต์ของคุณ
คุณสมบัติหลัก
คลังจานสีสำเร็จรูป
เลือกจากคอลเลกชันจานสีระดับมืออาชีพที่จัดหมวดหมู่ตามธรรมชาติ, ทันสมัย, วินเทจ และอื่น ๆ
เครื่องมือสร้างจานสีตามทฤษฎีสี
สร้างจานสีที่กลมกลืนโดยใช้หลักการทฤษฎีสี รวมถึงชุดสีคู่ตรงข้าม, ไตรแอดิก, อะนาล็อกัส, โมโนโครมาติก และคู่ตรงข้ามแบบแยก
นำเข้า/ส่งออกได้หลายรูปแบบ
นำเข้าจานสีจากตัวแปร CSS, SCSS, การตั้งค่า Tailwind, JSON หรือรายการรหัสสี Hex ส่งออกไปยังรูปแบบเหล่านี้ รวมถึงรูปภาพ PNG
เครื่องมือตรวจสอบความคมชัดเพื่อการเข้าถึง
มีเครื่องมือตรวจสอบคอนทราสต์ WCAG ในตัว พร้อมตัวบ่งชี้การปฏิบัติตามมาตรฐาน AA/AAA เพื่อให้แน่ใจว่าการผสมสีของคุณเป็นไปตามมาตรฐานการเข้าถึง
โปรแกรมแก้ไขสีแบบโต้ตอบ
คลิกสีใดก็ได้เพื่อแก้ไขด้วยตัวเลือกสี ลากเพื่อจัดเรียงลำดับสีใหม่ และปรับความสว่างพร้อมดูตัวอย่างแบบเรียลไทม์
การสร้างจานสีแบบกำหนดเอง
สร้างและบันทึกจานสีที่คุณกำหนดเอง พร้อมชื่อเฉพาะบุคคลและการผสมสีที่ไม่จำกัด
โปรแกรมดูจานสีคืออะไร?
โปรแกรมดูจานสีเป็นเครื่องมือออกแบบที่ช่วยให้คุณสร้าง จัดระเบียบ และจัดการชุดสีสำหรับโปรเจกต์ของคุณ โดยรวมหลักการทฤษฎีสีเข้ากับคุณสมบัติที่ใช้งานได้จริง เช่น การแปลงรูปแบบ การตรวจสอบการเข้าถึง และคลังเทมเพลต เพื่อปรับปรุงขั้นตอนการออกแบบของคุณ และรับประกันการผสมสีที่เป็นมืออาชีพและกลมกลืน
ทำไมถึงควรใช้เครื่องมือสร้างจานสีของเรา?
- 1
ทฤษฎีสีระดับมืออาชีพ
สร้างชุดสีที่สมดุลทางวิทยาศาสตร์โดยใช้หลักการทฤษฎีสีที่พิสูจน์แล้ว เพื่อการออกแบบที่น่าดึงดูดสายตา
- 2
ส่งออกที่เหมาะสำหรับนักพัฒนา
ส่งออกโดยตรงไปยังตัวแปร CSS, SCSS, Tailwind CSS หรือรูปแบบ JSON เพื่อการรวมเข้ากับขั้นตอนการทำงานการพัฒนาของคุณได้อย่างราบรื่น
- 3
การปฏิบัติตามมาตรฐานการเข้าถึง
มีเครื่องมือตรวจสอบคอนทราสต์ WCAG ในตัว เพื่อให้แน่ใจว่าการเลือกสีของคุณเป็นไปตามมาตรฐานการเข้าถึงสำหรับการออกแบบที่ครอบคลุม
- 4
คลังเทมเพลต
เข้าถึงจานสีที่จัดทำโดยมืออาชีพหลายร้อยแบบ จัดเรียงตามสไตล์และหมวดหมู่เพื่อแรงบันดาลใจได้ทันที
- 5
ความเป็นส่วนตัวสมบูรณ์
การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ - จานสีและการตั้งค่าของคุณจะยังคงเป็นส่วนตัวและปลอดภัย
คำถามที่พบบ่อย
ฉันสามารถนำเข้าสีในรูปแบบใดได้บ้าง?
คุณสามารถนำเข้าจานสีจากตัวแปร CSS (:root), ตัวแปร SCSS ($color), ไฟล์การตั้งค่า Tailwind, ออบเจกต์ JSON หรือรายการรหัสสี Hex แบบง่าย รองรับทั้งการอัปโหลดไฟล์และการวางข้อความ
เครื่องมือสร้างจานสีตามทฤษฎีสีทำงานอย่างไร?
เครื่องมือสร้างใช้ความสัมพันธ์ทางคณิตศาสตร์ของสีบนวงล้อสีเพื่อสร้างจานสีที่กลมกลืน เลือกได้จากชุดสีคู่ตรงข้าม (สีตรงกันข้าม), ไตรแอดิก (สามสีที่ห่างเท่ากัน), อะนาล็อกัส (สีที่อยู่ติดกัน) และอื่น ๆ
เครื่องมือตรวจสอบความคมชัดปฏิบัติตามมาตรฐานการเข้าถึงใดบ้าง?
เครื่องมือนี้ปฏิบัติตามแนวทาง WCAG 2.1 โดยตรวจสอบการปฏิบัติตามมาตรฐาน AA (อัตราส่วน 4.5:1), AAA (อัตราส่วน 7:1) และข้อความขนาดใหญ่ AA (อัตราส่วน 3:1) เพื่อให้แน่ใจว่าสีของคุณสามารถใช้งานได้สำหรับผู้ใช้ที่มีความบกพร่องทางการมองเห็น
ฉันสามารถแก้ไขสีแต่ละสีในจานสีได้หรือไม่?
ได้! คลิกที่ตัวอย่างสีใดก็ได้เพื่อเปิดโปรแกรมแก้ไขตัวเลือกสี คุณยังสามารถลากสีเพื่อจัดเรียงใหม่ หรือใช้ปุ่มสุ่มเพื่อจัดเรียงจานสีใหม่แบบสุ่มได้
มีรูปแบบการส่งออกใดบ้างที่ใช้งานได้?
ส่งออกจานสีของคุณเป็นคุณสมบัติที่กำหนดเองของ CSS, ตัวแปร SCSS, การตั้งค่า Tailwind CSS, ออบเจกต์ข้อมูล JSON หรือรูปภาพ PNG แต่ละรูปแบบได้รับการปรับให้เหมาะสมสำหรับขั้นตอนการทำงานการพัฒนาที่แตกต่างกัน
จานสีสามารถมีได้กี่สี?
จานสีเทมเพลตโดยทั่วไปจะมี 5 สี แต่จานสีที่กำหนดเองสามารถมีได้ตั้งแต่ 3 สีขึ้นไป เครื่องมือจะจัดการขนาดจานสีที่แตกต่างกันโดยอัตโนมัติ และขยายให้เหมาะสมเมื่อจำเป็นสำหรับเทมเพลต