หน้าแรก / เครื่องมือรูปภาพ / ปรับเฉดสี ความอิ่มตัว และความสว่างของภาพหลายภาพ
เครื่องมือออนไลน์ฟรี

ปรับเฉดสี ความอิ่มตัว และความสว่างของภาพหลายภาพ

ปรับเฉดสี ความอิ่มตัว และความสว่าง CSS สูงสุด 30 ภาพในเบราว์เซอร์ ดูตัวอย่างและบันทึก PNG

เริ่มใช้งาน

คุณสมบัติและตัวอย่างการใช้งาน

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

ตัวอย่างการทำงาน

สมมติคุณโหลดภาพแนวนอนและแนวตั้งอย่างละหนึ่งภาพ ตั้งค่า เฉดสี เป็น 45, ความอิ่มตัว เป็น 150 และ ความสว่าง เป็น 80 จากนั้นคลิก สร้างภาพ ภาพทั้งสองจะถูกปรับด้วย hue-rotate(45deg) saturate(150%) brightness(80%) โดยคงขนาดเดิมและแสดงตัวอย่างแยกกัน หากคุณป้อนค่า 500, -20 และ 250 ระบบจะจำกัดให้เป็น 360, 0 และ 200 ตามลำดับ

พารามิเตอร์ที่ใช้จริง

  • เฉดสี: หมุนสีเป็นองศา ค่าเริ่มต้น 0 องศา (ไม่เปลี่ยน) ช่วง -360 ถึง 360
  • ความอิ่มตัว: ปรับความอิ่มตัวเป็นเปอร์เซ็นต์ ค่าเริ่มต้น 100% (ไม่เปลี่ยน) ช่วง 0 ถึง 200% โดย 0% ทำให้ภาพเป็นสีเทา
  • ความสว่าง: ปรับความสว่างเป็นเปอร์เซ็นต์ ค่าเริ่มต้น 100% (ไม่เปลี่ยน) ช่วง 0 ถึง 200% โดย 0% ทำให้ภาพเป็นสีดำ

โปรดทราบว่า ความสว่าง ในที่นี้คือฟิลเตอร์ brightness ของ CSS ไม่ใช่ค่า Lightness ในโมเดล HSL โดยตรง ผลลัพธ์ RGB ที่ได้ขึ้นอยู่กับการประมวลผลของเบราว์เซอร์ ไม่ใช่สูตรแปลง HSL ที่เผยแพร่ การปรับใช้กับทั้งภาพเท่านั้น ไม่มีมาสก์ เส้นโค้ง หรือไวต์บาลานซ์อัตโนมัติ

ข้อจำกัด

  • รองรับไฟล์ PNG, JPEG, WebP, GIF และ BMP ตามที่เบราว์เซอร์รองรับการถอดรหัส
  • การประมวลผลเกิดขึ้นในเบราว์เซอร์ของคุณเท่านั้น ไม่มีการอัปโหลดไฟล์
  • การปรับค่าความอิ่มตัวหรือความสว่างสูงอาจทำให้รายละเอียดบางส่วนหายไป (clipping) ควรเก็บไฟล์ต้นฉบับไว้

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

1. ฉันสามารถปรับภาพเพียงภาพเดียวได้หรือไม่?

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

2. ค่า เฉดสี ที่เป็นลบหมายความว่าอย่างไร?

ค่า เฉดสี ที่เป็นลบจะหมุนสีในทิศทางตรงข้ามกับค่าบวก เช่น -45 องศา จะให้ผลลัพธ์เหมือนกับการหมุน 315 องศา (360-45) ค่าที่ป้อนเกินช่วงจะถูกจำกัดให้อยู่ในช่วง -360 ถึง 360 องศา

3. ทำไมภาพที่ได้จึงมีขนาดใหญ่กว่าไฟล์ต้นฉบับ?

ผลลัพธ์ถูกบีบอัดเป็น PNG ซึ่งเป็นรูปแบบที่ไม่มีการสูญเสียคุณภาพ จึงอาจมีขนาดใหญ่กว่าไฟล์ JPEG หรือ WebP ต้นฉบับ ทั้งนี้ขนาดไฟล์ขึ้นอยู่กับเนื้อหาภาพและขนาดพิกเซล

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