Color Picker เป็นเครื่องมือเลือกสีออนไลน์ที่ช่วยให้คุณเลือกสีจากจานสี แล้วแปลงเป็นโค้ดสีในรูปแบบต่างๆ ได้แก่ HEX, RGB, HSL เพื่อนำไปใช้ในงานออกแบบเว็บไซต์ กราฟิก หรือแอปพลิเคชัน
เครื่องมือนี้ทำงานบนเบราว์เซอร์ ไม่ต้องติดตั้งโปรแกรม สามารถพิมพ์โค้ดสีโดยตรง หรือเลือกจาก Color Picker แล้วคัดลอกไปใช้ได้ทันที
tools.colorpicker.info.useCases.content
tools.colorpicker.info.tips.content
tools.colorpicker.info.commonMistakes.content
ต่างจาก Adobe Color หรือ Coolors ที่เน้นสร้างชุดสี Color Picker นี้เชี่ยวชาญการแปลงสีระหว่าง HEX, RGB, HSL อย่างรวดเร็ว พร้อมคัดลอกและดูตัวอย่างสด ไม่ต้องสมัครบัญชี
Chrome DevTools มี Color Picker แต่ใช้ได้เฉพาะใน Inspector เท่านั้น เครื่องมือนี้ให้คุณทดลองสีก่อนเขียนโค้ด ใช้ได้ทุกอุปกรณ์รวมถึงมือถือ
คลิกที่ช่องเลือกสี หรือพิมพ์โค้ด HEX/RGB/HSL โดยตรง เครื่องมือจะแปลงค่าสีทุกรูปแบบให้อัตโนมัติ พร้อมแสดงตัวอย่างสีสด
HEX ใช้เลขฐาน 16 (เช่น #FF5733), RGB ใช้ค่าแดง-เขียว-น้ำเงิน (0-255), HSL ใช้เฉดสี-ความอิ่ม-ความสว่าง ทั้ง 3 แบบแทนสีเดียวกันได้
ไม่ ทุกอย่างทำงานบนเบราว์เซอร์ของคุณ ไม่มีข้อมูลถูกส่งออกไปที่ใด
ได้ เครื่องมือรองรับการใช้งานบนทุกอุปกรณ์ ทั้ง Desktop, Tablet และ Mobile
เวอร์ชันปัจจุบันรองรับสีแบบ Solid (ทึบ) HEX 6 หลัก, RGB, HSL หากต้องการ Alpha ให้เพิ่ม opacity ใน CSS เอง
ได้ ใช้ Eyedropper ของเบราว์เซอร์หรือ Inspect Element หาโค้ดสี แล้ววางที่นี่เพื่อแปลงระหว่าง HEX, RGB, HSL ได้ทันที
HEX เป็นที่นิยมสำหรับสีแบบ Solid ใช้ RGB เมื่อต้องการ Opacity ผ่าน rgba() ส่วน HSL เหมาะเมื่อต้องปรับ Lightness หรือ Saturation ด้วยโค้ด
เลือกสีหลักที่นี่ จดค่า HSL แล้วปรับ Hue เพิ่ม 30° หรือ 180° เพื่อหาสี Complementary หรือ Analogous สำหรับจานสีที่กลมกลืน
เครื่องมือนี้ทำงานบนเบราว์เซอร์ ไม่มีการส่งข้อมูลไปเซิร์ฟเวอร์ การแสดงผลสีอาจแตกต่างตามหน้าจอและการตั้งค่าจอภาพ