ESC

เครื่องมือสร้างและแปลงชุดสี

เครื่องมือเลือกสี
ป้อนรหัสสี (HEX, RGB, HSL)
ค่าสี
HEX: #3b82f6
RGB: rgb(59, 130, 246)
HSL: hsl(217, 91%, 60%)
CMYK: cmyk(76%, 47%, 0%, 4%)
HSB: hsb(217°, 76%, 96%)
การตั้งค่าชุดสี
3 5 12
ชุดสีที่สร้างขึ้น
การตั้งค่าไล่สี
0%
100%
ตัวอย่างไล่สี
อัปโหลดรูปภาพ
ลากและวางรูปภาพที่นี่

รองรับ JPG, PNG, GIF, WebP (สูงสุด 10MB)

สีที่แยกออกมา
3 8 16

ตัวอย่างการใช้งาน

การออกแบบเว็บ

สร้างชุดสีที่กลมกลืนสำหรับเว็บไซต์

#FF6B6B #4ECDC4 #45B7D1...
การออกแบบโลโก้

การผสมสีแบบมืออาชีพสำหรับอัตลักษณ์แบรนด์

#2C3E50 #E74C3C #F39C12...
การวิเคราะห์ภาพ

แยกชุดสีจากรูปภาพที่มีอยู่

การวิเคราะ...

คุณสมบัติ

ตัวแปลงสี

แปลงระหว่างรูปแบบ HEX, RGB, HSL, CMYK, HSB

การแยกสีจากรูปภาพ

การแยกสีหลักจากรูปภาพโดยอัตโนมัติ

เครื่องมือสร้างไล่สี

สร้างไล่สีแบบเชิงเส้น รัศมี และกรวย

ประเภทชุดสี

ประเภทชุดสีแบบโมโนโครมาติก ใกล้เคียง ตรงข้าม

📋

คัดลอกง่าย

คัดลอกรหัสสีไปยังคลิปบอร์ดได้ด้วยคลิกเดียว

การเข้าถึง

ความตัดกันและคำแนะนำที่เป็นมิตรกับผู้บอดสี

วิธีใช้งาน?

1

เลือกสี

ใช้เครื่องมือเลือกสีเพื่อเลือกสีหรือป้อนรหัสสี

2

เลือกรูปแบบ

เลือกรูปแบบสีที่ต้องการ (HEX, RGB, HSL, CMYK)

3

สร้างชุดสี

สร้างชุดสีแบบมืออาชีพด้วยประเภทความกลมกลืนต่างๆ

4

สร้างไล่สี

สร้างไล่สีแบบกำหนดเองและรับโค้ด CSS

5

วิเคราะห์รูปภาพ

แยกสีจากรูปภาพโดยอัตโนมัติและเพิ่มลงในชุดสี

คำถามที่พบบ่อย

HEX, RGB, HSL, CMYK และ HSB ครับ ใส่ค่าในรูปแบบไหนก็ได้ รูปแบบอื่นจะอัปเดตทันที

อัปโหลดรูปภาพในแท็บวิเคราะห์รูปภาพ เครื่องมือจะแยกสีหลักออกมาให้โดยอัตโนมัติ

ได้ครับ ส่งออกเป็น JSON, CSS หรือ ASE แล้วนำไปใช้ใน Figma, Sketch หรือ CSS ได้เลย

เครื่องมือสร้างชุดสีคืออะไร?

เครื่องมือที่ช่วยสร้างชุดสีที่เข้ากันสำหรับเว็บไซต์ แอป หรือโปรเจกต์ออกแบบต่างๆ เพียงเลือกสีพื้นฐาน เครื่องมือจะคำนวณการผสมสีที่กลมกลืนกันตามทฤษฎีสี ทั้งแบบโมโนโครมาติก ใกล้เคียง ตรงข้าม สามเหลี่ยม และอื่นๆ

แปลงสีได้ทันที

ใช้ HEX ใน CSS แต่ต้องการ RGB สำหรับ canvas ของ JavaScript? เครื่องมือนี้แปลงระหว่าง HEX, RGB, HSL, CMYK และ HSB แบบเรียลไทม์ ใส่ค่าในรูปแบบไหนก็ได้ รูปแบบอื่นจะอัปเดตทันที

แยกสีจากรูปภาพใดก็ได้

อัปโหลดรูปถ่ายหรือภาพหน้าจอ แล้วเครื่องมือจะแยกสีหลักออกมาให้ เหมาะสำหรับสร้างชุดสีที่เข้ากับแบรนด์ที่มีอยู่ มูดบอร์ด หรือรูปภาพที่อยากใช้เป็นต้นแบบ รองรับ JPG, PNG, GIF และ WebP สูงสุด 10MB

สร้างไล่สี CSS

สร้างไล่สีแบบเชิงเส้น รัศมี หรือกรวยได้ง่ายๆ แล้วคัดลอกโค้ด CSS ด้วยคลิกเดียว เพิ่มจุดหยุดสีได้ตามต้องการ ปรับทิศทาง และดูตัวอย่างแบบสดก่อนนำไปใช้

ความเป็นส่วนตัวต้องมาก่อน

ทุกอย่างทำงานในเบราว์เซอร์ของคุณ รูปภาพและข้อมูลสีจะไม่ออกจากอุปกรณ์เลย ไม่มีการอัปโหลดไปยังเซิร์ฟเวอร์ใดๆ ใช้งานได้อย่างสบายใจ

ความปลอดภัยและความเป็นส่วนตัว

ความปลอดภัยของข้อมูลของคุณคือความสำคัญอันดับแรกของเรา

การประมวลผลภายใน

การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ

ไม่มีการถ่ายโอนข้อมูล

ข้อมูลของคุณจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ของเรา

ไม่มีการจัดเก็บข้อมูล

ไม่มีข้อมูลถูกเก็บหรือแบ่งปัน

การเข้ารหัส SSL

การเข้ารหัส SSL สำหรับการเชื่อมต่อที่ปลอดภัย

ขั้นตอนถัดไป