สร้างสรรค์ชุดสีที่สวยงามและกลมกลืนด้วยวงล้อสีแบบโต้ตอบของเรา สร้างชุดสีแบบคู่ตรงข้าม, แบบสามสี, แบบไล่โทน และรูปแบบอื่นๆ สามารถส่งออกเป็น CSS, SCSS, Tailwind, PNG, PDF หรือ JSON
ตรวจสอบอัตราส่วนความต่างสีเพื่อให้สอดคล้องกับการเข้าถึงเว็บไซต์ ทดสอบการผสมผสานสีข้อความและพื้นหลังตามหลักเกณฑ์ WCAG พร้อมการแสดงตัวอย่างแบบเรียลไทม์ การให้คะแนนการเข้าถึง และคำแนะนำในการปรับปรุง
แปลงสี HSV (Hue, Saturation, Value) ให้เป็นสี Pantone ที่ใกล้เคียงที่สุดได้ทันที ค้นหาสี Pantone ที่สมบูรณ์แบบด้วยเครื่องมือจับคู่สีที่ครอบคลุมของเรา ซึ่งมีการเปรียบเทียบด้วยภาพและวิทยาศาสตร์สีที่แม่นยำ
แปลงสี RGB ให้เป็นสี Pantone ที่ใกล้เคียงที่สุดด้วยอัลกอริทึมจับคู่สีขั้นสูงของเรา เลือกดูสี Pantone ที่คัดสรรมาอย่างดี เปรียบเทียบความแตกต่างของสี และรับรหัสสีที่แม่นยำสำหรับโครงการออกแบบของคุณ
ดึงสีจากรูปภาพใดๆ ทางออนไลน์ได้ฟรี อัปโหลดรูปภาพ คลิกเพื่อเลือกสี และรับค่า HEX, RGB, HSL และ CMYK สร้างและส่งออกจานสีได้
สร้างสรรค์ภาพคอลลาจที่น่าทึ่งด้วยการรวมรูปภาพของคุณเข้ากับชุดสีที่สกัดออกมา อัปโหลดรูปภาพใดก็ได้เพื่อสกัดสีหลักโดยอัตโนมัติ และสร้างผลงานที่สวยงามด้วยการจัดวาง สไตล์ และอัตราส่วนภาพที่ปรับแต่งได้
สร้างจานสีที่สวยงามทางออนไลน์ด้วยเครื่องมือสร้างจานสีฟรีของเรา สร้างโทนสีที่กลมกลืนโดยใช้หลักการทฤษฎีสี หรือดึงสีจากรูปภาพ ส่งออกเป็นรูปแบบ CSS, SCSS, Tailwind, JSON, PDF และ PNG
เลือกชุดสีแบบคู่ตรงข้าม, โมโนโครม, ไล่โทน, สามสี, สี่สี หรือคู่ตรงข้ามแบบแยก โดยใช้เมนูดรอปดาวน์
คลิกและลากบนวงล้อสีเพื่อเลือกสีหลักของคุณ สีที่กลมกลืนจะอัปเดตโดยอัตโนมัติตามการเลือกของคุณ
ใช้วงแหวนความสว่างด้านนอกเพื่อปรับความสว่างของพาเลทสีของคุณ โดยยังคงความสัมพันธ์ของการจัดสีไว้
คลิกที่ตัวอย่างสีเพื่อคัดลอกสีแต่ละสี หรือใช้ปุ่ม "ส่งออก" เพื่อดาวน์โหลดพาเลทสีของคุณในรูปแบบต่างๆ
ลากและปรับสีบนวงล้อสีแบบแสดงผล พร้อมวงแหวนควบคุมความสว่างแยกต่างหาก เพื่อการเลือกสีที่แม่นยำ
สร้างชุดสีแบบคู่ตรงข้าม, โมโนโครม, ไล่โทน, สามสี, สี่สี และคู่ตรงข้ามแบบแยก ได้โดยอัตโนมัติ
ดูและคัดลอกสีในรูปแบบ HEX, RGB, HSL และ CMYK ด้วยการคลิกเพียงครั้งเดียวเพื่อคัดลอกไปยังคลิปบอร์ด
ส่งออกพาเลทสีเป็นรูปภาพ PNG, เอกสาร PDF, ข้อมูล JSON, ตัวแปร CSS, ตัวแปร SCSS หรือการกำหนดค่า Tailwind CSS
วงล้อสีคือการแสดงผลของสีที่จัดเรียงตามความสัมพันธ์ของสี การจัดสีที่กลมกลืนหมายถึงการจัดเรียงสีที่เข้ากันได้อย่างลงตัว เครื่องมือแบบโต้ตอบของเราช่วยให้คุณสร้างชุดสีที่สมดุลทางคณิตศาสตร์ โดยใช้หลักการทฤษฎีสีแบบดั้งเดิม เช่น คู่ตรงข้าม (ตรงกันข้าม), สามสี (สามสีที่ห่างเท่ากัน) และไล่โทน (สีที่อยู่ติดกัน)
อิงหลักการทฤษฎีสีแบบดั้งเดิมที่ศิลปินและนักออกแบบใช้มานานหลายศตวรรษ เพื่อสร้างชุดสีที่ดึงดูดสายตา
สร้างตัวแปร CSS, ตัวแปร SCSS และไฟล์กำหนดค่า Tailwind CSS พร้อมใช้งานในโปรเจกต์เว็บของคุณ
ส่งออกพาเลทสีของคุณเป็นรูปภาพ (PNG), เอกสาร (PDF) หรือข้อมูล (JSON) สำหรับใช้งานข้ามเครื่องมือและแพลตฟอร์มการออกแบบต่างๆ
เห็นความสัมพันธ์ของการจัดสีที่แสดงด้วยเส้นเชื่อมต่อ และปรับสีแบบโต้ตอบพร้อมการแสดงผลทันที
เครื่องมือนี้มีรูปแบบการจัดสีที่กลมกลืน 6 แบบ: คู่ตรงข้าม (2 สีตรงกันข้าม), โมโนโครม (การไล่เฉดของสีเดียว), ไล่โทน (3 สีที่อยู่ติดกัน), สามสี (3 สีที่ห่างเท่ากัน), สี่สี (4 สีที่ห่างเท่ากัน) และคู่ตรงข้ามแบบแยก (1 สี + 2 สีที่อยู่ติดกับสีคู่ตรงข้ามของมัน)
ใช้วงแหวนความสว่างด้านนอกรอบวงล้อสี คลิกและลากบนวงแหวนนี้เพื่อปรับความสว่าง/ความมืดของสีทั้งหมดในชุดสีของคุณ โดยยังคงความสัมพันธ์ของเฉดสีและความอิ่มตัวไว้
ได้ คลิกที่ตัวอย่างสีใดก็ได้เพื่อคัดลอกค่าสีไปยังคลิปบอร์ดของคุณ คุณสามารถสลับระหว่างรูปแบบ HEX, RGB, HSL และ CMYK โดยใช้ปุ่มเลือกรูปแบบ
คุณสามารถส่งออกเป็นรูปภาพ PNG, เอกสาร PDF, ข้อมูล JSON, ตัวแปร CSS, ตัวแปร SCSS และไฟล์การกำหนดค่า Tailwind CSS แต่ละรูปแบบได้รับการปรับให้เหมาะสมกับการใช้งานที่แตกต่างกัน
คัดลอกตัวแปร CSS จากหน้าต่างส่งออกและวางลงในไฟล์ stylesheet ของคุณ จากนั้นคุณสามารถใช้งานได้เช่น: background-color: var(--color-1); หรือ color: var(--color-2);
ได้ คุณสามารถลากจุดสีใดก็ได้ในชุดสีที่กลมกลืนกันเพื่อปรับพาเลทสีทั้งหมด สีหลักจะถูกคำนวณใหม่โดยอัตโนมัติเพื่อคงความสัมพันธ์ทางคณิตศาสตร์ของรูปแบบการจัดสีที่เลือกไว้