Color Picker

เลือกสีแล้วลุยเลย — ไม่ยุ่งยาก

เราสร้าง Color Picker ในปี 2025 เพราะเบื่อแอปหนักๆ และเครื่องมือสีที่ซับซ้อนเกินไป ในฐานะนักพัฒนา Front-end และนักวาด เราต้องการวิธีหยิบสีให้ไว ปรับนิดหน่อย แล้วไปต่อ เริ่มจากเครื่องมือภายใน กลายเป็นของโปรดของทีม เราขัดเกลาและปล่อยให้ทุกคนใช้บนเว็บ ไม่ต้องมีบัญชีและไม่มีเส้นโค้งการเรียนรู้ — เปิดหน้า เลือกโทน แล้วคัดลอกรหัส HEX, RGB, HSL หรือ HSV

ทำไมตัวเลือกสีของเราถึงถูกใจ

หากคุณเคยมองดีไซน์แล้วคิดว่า “จะจับโทนนั้นให้เป๊ะได้อย่างไร?” คุณจะชอบความเรียบง่ายของ Color Picker เราตั้งใจให้หน้าตาเรียบง่ายที่สุด:

• คลิกเดียว — สีเป็นของคุณ — แตะจุดใดก็ได้บนพาเลต ค่าที่ต้องใช้จะโผล่ทันที ต้องการสุ่มจากภาพถ่ายหรือสกรีนช็อต? วางไฟล์ลงหน้าแล้วใช้ไอเดรอปเปอร์
• ไล่ระดับแบบไม่ต้องพยายาม — เพิ่มและย้ายสต็อปบนแถบเพื่อให้ได้ทรานซิชันที่ลื่นไหล สลับเชิงเส้น/รัศมี ปรับองศาและความทึบอย่างละเอียด แล้วคัดลอก CSS
• ไร้ข้อจำกัด ไร้ค่าใช้จ่าย — Color Picker ใช้ได้กับทุกเบราว์เซอร์สมัยใหม่บนเดสก์ท็อป แท็บเล็ต และมือถือ ไม่ต้องติดตั้งและไม่มีค่าธรรมเนียม
• มีส่วนขยายเมื่อคุณต้องการ — ส่วนขยายสำหรับ Chrome และ Edge ของเรานำไอเดรอปเปอร์เข้ามาในเบราว์เซอร์โดยตรง ให้สุ่มจากหน้าใดก็ได้และเก็บประวัติไว้

เหมาะสำหรับ

ผู้คนใช้ Color Picker ได้หลายแบบ:

• นักออกแบบและทีมผลิตภัณฑ์ ใช้ตอนร่างอินเทอร์เฟซหรือพาเลตแบรนด์ สำรวจการจับคู่และคัดลอก CSS ของไล่ระดับได้รวดเร็ว
• นักวาดและศิลปิน ใช้ไอเดรอปเปอร์เพื่อหาแรงบันดาลใจจากภาพถ่ายและงานจิตรกรรม เครื่องมือไล่ระดับช่วยวางแผนการไล่เงาและการเปลี่ยนสีที่นุ่มนวล
• นักพัฒนา Front-end พึ่งพาเครื่องมือนี้เพื่อสร้างค่าของสีที่สอดคล้องกันข้ามโปรเจกต์ ส่วนขยายช่วยให้สุ่มตัวอย่างจากเว็บไซต์ที่มีอยู่ได้ง่าย
• ผู้ตรวจสอบการเข้าถึง สามารถดูสีในโมเดลต่างๆ และปรับความทึบจนกว่าจะผ่านเกณฑ์คอนทราสต์

เริ่มต้นใช้งาน

ไม่ต้องมีคู่มือ — สรุปสั้นๆ ดังนี้:

• เลือกสี — คลิกจุดใดก็ได้บนพาเลต ค่าของ HEX, RGB และ HSV จะแสดงทันที ปรับฮิว ความอิ่มสี ความสว่าง และความทึบด้วยแถบเลื่อน
• สุ่มตัวอย่างจากรูปภาพ — ลากไฟล์รูปภาพมาวางหรือเลือกไฟล์ คลิกพิกเซลที่ต้องการแล้วรหัสสีจะปรากฏ
• สร้างไล่ระดับสี — คลิกที่แถบไล่ระดับเพื่อเพิ่มสต็อปแล้วลากย้าย; สลับระหว่างแบบเชิงเส้นและแบบรัศมี ปรับองศาและความทึบจนพอดี
• คัดลอกและนำกลับมาใช้ — สีและไล่ระดับของคุณบันทึกอัตโนมัติ คัดลอกรหัสหรือ CSS ไปวางในโปรเจกต์ หรือแชร์ให้ทีม