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