วงล้อสีแบบอินเทอร์แอคทีฟ
เลือกสีหลักแล้วรับชุดสีคู่ตรงข้าม สีข้างเคียง ชุดสามสี ชุดสี่สี และคู่ตรงข้ามแยก
สีหลัก
#FF3D72
สีตรงข้าม
สีใกล้เคียง
สามสีสมดุล
สี่สีสมดุล
สีตรงข้ามแบบแยก
วิธีใช้งาน: วงล้อสี
- 1
ใส่สี
พิมพ์รหัสสีหรือเลือกสีด้วยตัวเลือกสี ทุกช่องรองรับรูปแบบที่แสดงอยู่
- 2
ดูผลการแปลง
ผลลัพธ์จะอัปเดตทันทีขณะที่คุณพิมพ์ พร้อมแสดงตัวอย่างสีแบบเรียลไทม์
- 3
คัดลอกรหัส
คัดลอกค่าที่ต้องการได้ในคลิกเดียว แล้ววางลงในงานออกแบบ CSS หรือการตั้งค่าการพิมพ์ของคุณ
วงล้อสีคืออะไร
วงล้อสีช่วยให้คุณสร้างพาเลตที่กลมกลืน โดยเรียงเฉดสีเป็นวงกลม ความสัมพันธ์ระหว่างสีจึงอธิบายได้ด้วยมุม สีคู่ตรงข้ามอยู่ฝั่งตรงข้ามที่ 180° สีข้างเคียงอยู่ห่างกัน 30° ชุดสามสีใช้สามเฉดที่ห่างกัน 120° ชุดสี่สีใช้สี่เฉดที่ห่างกัน 90° และชุดคู่ตรงข้ามแยกจะจับคู่สีหนึ่งกับสองเฉดที่อยู่สองข้างของสีคู่ตรงข้าม
เลือกสีหลักในหน้าต่างเลือกสีหรือพิมพ์รหัส HEX แล้วชุดสีทั้งห้าแบบจะอัปเดตทันที เครื่องมือจะหมุนเฉพาะค่าเฉดสี และคงความอิ่มตัวและความสว่างของสีหลักไว้ ทุกช่องสีจึงมีความเข้มเท่ากัน คลิกช่องสีใดก็ได้เพื่อคัดลอกรหัส HEX หรือวางเมาส์เหนือช่องเพื่อดูค่า RGB หากต้องการงานออกแบบที่ดูสงบ ให้ใช้สีหนึ่งเป็นสีหลักและสีอื่นเป็นสีเน้น
ทุกอย่างทำงานภายในเบราว์เซอร์ของคุณ รูปภาพของคุณจะไม่ถูกอัปโหลดขึ้นเซิร์ฟเวอร์เด็ดขาด