คุณสมบัติ

ตัวแปลงสี

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

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

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

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

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

ประเภทชุดสี

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

📋
คัดลอกง่าย

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

การเข้าถึง

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

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

เครื่องมือเลือกสี
ป้อนรหัสสี (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

วิธีใช้งาน?

1
เลือกสี

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

2
เลือกรูปแบบ

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

3
สร้างชุดสี

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

4
สร้างไล่สี

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

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

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

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

รองรับรูปแบบ HEX, RGB, HSL, CMYK และ HSB คุณสามารถแปลงระหว่างรูปแบบทั้งหมดได้โดยอัตโนมัติ

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

คุณสามารถส่งออกชุดสีในรูปแบบ JSON, CSS หรือ ASE เหมาะสำหรับใช้ในโปรแกรมออกแบบ

ได้ คุณสามารถรับโค้ด CSS โดยอัตโนมัติสำหรับไล่สีทั้งหมดที่สร้างขึ้นและใช้ในโปรเจกต์ของคุณ

โมโนโครมาติกใช้โทนสีเดียวกัน ใกล้เคียงใช้สีข้างเคียง ตรงข้ามใช้สีที่ตรงข้ามกัน แต่ละแบบสร้างเอฟเฟกต์การออกแบบที่แตกต่างกัน

ไฟล์รูปภาพสามารถมีขนาดสูงสุด 10MB รองรับรูปแบบ JPG, PNG, GIF และ WebP

เครื่องมือสร้างชุดสีแบบมืออาชีพ

แปลงระหว่างรูปแบบ HEX, RGB, HSL, CMYK สร้างการออกแบบแบบมืออาชีพด้วยประเภทชุดสีแบบโมโนโครมาติก ใกล้เคียง ตรงข้าม

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

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

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

สร้างไล่สีแบบเชิงเส้น รัศมี และกรวย ใช้โค้ด CSS พร้อมใช้งานในโปรเจกต์เว็บของคุณ

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

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

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

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

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

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

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

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

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

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