ตัวเลือกสี

เลือกสีจากหน้าจอหรือภาพ ใช้พิกเซลตัวอย่างและคัดลอกค่า HEX, RGB, HSL, HSV และ CMYK ทันที

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

ตัวเลือกสี

แหล่งที่มา: ยังไม่ได้เลือก

HEX
#3498DBFF
RGBA
rgba(52, 152, 219, 1)
HSLA
hsla(204, 70%, 53%, 1)
HSVA
hsva(204, 76%, 86%, 1)
CMYK
cmyk(76%, 31%, 0%, 14%)
อัลฟา
100%

เครื่องมือนี้ทำอะไรได้บ้าง

เลือกสีจากหน้าจอหรือภาพ ใช้พิกเซลตัวอย่างและคัดลอกค่า HEX, RGB, HSL, HSV และ CMYK ทันที

เคล็ดลับในการเลือกสี

  • ใช้การเลือกสีจากหน้าจอเมื่อเบราว์เซอร์รองรับ EyeDropper และคุณต้องการสีจากแอปอื่น แท็บอื่น หรือภาพอ้างอิงงานออกแบบ
  • ใช้การเลือกสีจากภาพเมื่อคุณต้องการเก็บค่าสีพิกเซลที่แม่นยำจากภาพหน้าจอ โลโก้ รูปสินค้า หรือม็อกอัป UI

หมายเหตุเกี่ยวกับผลลัพธ์

  • เปิด Alpha เมื่อคุณต้องการรูปแบบที่มีความโปร่งใส เช่น #RRGGBBAA, rgba(...), hsla(...) หรือ hsva(...)
  • สำหรับงานเว็บ HEX และ RGB มักใช้งานสะดวกที่สุด ส่วน CMYK เหมาะกับการส่งต่องานพิมพ์