สร้าง ดู และจัดการจานสีด้วยคุณสมบัติขั้นสูง สร้างจานสีโดยใช้ทฤษฎีสี นำเข้าจากหลายรูปแบบ ตรวจสอบความคมชัดของการเข้าถึง และส่งออกเป็นรูปแบบ CSS, SCSS, Tailwind, JSON หรือ PNG
เลือกวิธีการของคุณ
เลือกแท็บ 'เทมเพลต' (จานสีสำเร็จรูป), 'ตัวสร้าง' (ทฤษฎีสี) หรือ 'กำหนดเอง' (สร้างเอง) เพื่อเริ่มต้น
เลือกหรือสร้างสี
เรียกดูจานสีเทมเพลตตามหมวดหมู่ สร้างโดยใช้ชุดสีเช่น คู่ตรงข้ามหรือไตรแอดิก หรือสร้างจานสีแบบกำหนดเองด้วยตนเอง
แก้ไขและปรับแต่ง
คลิกสีใดก็ได้เพื่อแก้ไขด้วยตัวเลือกสี ลากสีเพื่อจัดเรียงใหม่ หรือใช้ปุ่มสุ่มเพื่อจัดเรียงใหม่
ตรวจสอบการเข้าถึง
ใช้เครื่องมือตรวจสอบคอนทราสต์เพื่อให้แน่ใจว่าการผสมสีของคุณเป็นไปตามมาตรฐานการเข้าถึง WCAG สำหรับการอ่านข้อความ
ส่งออกจานสีของคุณ
ส่งออกจานสีสุดท้ายของคุณเป็นตัวแปร CSS, SCSS, การตั้งค่า Tailwind, ข้อมูล JSON หรือรูปภาพ PNG เพื่อใช้งานในโปรเจกต์ของคุณ
คลังจานสีสำเร็จรูป
เลือกจากคอลเลกชันจานสีระดับมืออาชีพที่จัดหมวดหมู่ตามธรรมชาติ, ทันสมัย, วินเทจ และอื่น ๆ
เครื่องมือสร้างจานสีตามทฤษฎีสี
สร้างจานสีที่กลมกลืนโดยใช้หลักการทฤษฎีสี รวมถึงชุดสีคู่ตรงข้าม, ไตรแอดิก, อะนาล็อกัส, โมโนโครมาติก และคู่ตรงข้ามแบบแยก
นำเข้า/ส่งออกได้หลายรูปแบบ
นำเข้าจานสีจากตัวแปร CSS, SCSS, การตั้งค่า Tailwind, JSON หรือรายการรหัสสี Hex ส่งออกไปยังรูปแบบเหล่านี้ รวมถึงรูปภาพ PNG
เครื่องมือตรวจสอบความคมชัดเพื่อการเข้าถึง
มีเครื่องมือตรวจสอบคอนทราสต์ WCAG ในตัว พร้อมตัวบ่งชี้การปฏิบัติตามมาตรฐาน AA/AAA เพื่อให้แน่ใจว่าการผสมสีของคุณเป็นไปตามมาตรฐานการเข้าถึง
โปรแกรมแก้ไขสีแบบโต้ตอบ
คลิกสีใดก็ได้เพื่อแก้ไขด้วยตัวเลือกสี ลากเพื่อจัดเรียงลำดับสีใหม่ และปรับความสว่างพร้อมดูตัวอย่างแบบเรียลไทม์
การสร้างจานสีแบบกำหนดเอง
สร้างและบันทึกจานสีที่คุณกำหนดเอง พร้อมชื่อเฉพาะบุคคลและการผสมสีที่ไม่จำกัด
โปรแกรมดูจานสีเป็นเครื่องมือออกแบบที่ช่วยให้คุณสร้าง จัดระเบียบ และจัดการชุดสีสำหรับโปรเจกต์ของคุณ โดยรวมหลักการทฤษฎีสีเข้ากับคุณสมบัติที่ใช้งานได้จริง เช่น การแปลงรูปแบบ การตรวจสอบการเข้าถึง และคลังเทมเพลต เพื่อปรับปรุงขั้นตอนการออกแบบของคุณ และรับประกันการผสมสีที่เป็นมืออาชีพและกลมกลืน
ทฤษฎีสีระดับมืออาชีพ
สร้างชุดสีที่สมดุลทางวิทยาศาสตร์โดยใช้หลักการทฤษฎีสีที่พิสูจน์แล้ว เพื่อการออกแบบที่น่าดึงดูดสายตา
ส่งออกที่เหมาะสำหรับนักพัฒนา
ส่งออกโดยตรงไปยังตัวแปร CSS, SCSS, Tailwind CSS หรือรูปแบบ JSON เพื่อการรวมเข้ากับขั้นตอนการทำงานการพัฒนาของคุณได้อย่างราบรื่น
การปฏิบัติตามมาตรฐานการเข้าถึง
มีเครื่องมือตรวจสอบคอนทราสต์ WCAG ในตัว เพื่อให้แน่ใจว่าการเลือกสีของคุณเป็นไปตามมาตรฐานการเข้าถึงสำหรับการออกแบบที่ครอบคลุม
คลังเทมเพลต
เข้าถึงจานสีที่จัดทำโดยมืออาชีพหลายร้อยแบบ จัดเรียงตามสไตล์และหมวดหมู่เพื่อแรงบันดาลใจได้ทันที
ความเป็นส่วนตัวสมบูรณ์
การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ - จานสีและการตั้งค่าของคุณจะยังคงเป็นส่วนตัวและปลอดภัย
คุณสามารถนำเข้าจานสีจากตัวแปร 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 สีขึ้นไป เครื่องมือจะจัดการขนาดจานสีที่แตกต่างกันโดยอัตโนมัติ และขยายให้เหมาะสมเมื่อจำเป็นสำหรับเทมเพลต