ยุทธการฮัตติน เกิดขึ้นเมื่อวันที่ 4 กรกฎาคม ค.ศ. 1187 ใกล้เมืองทิเบเรียสในอิสราเอลในปัจจุบัน เป็นการปะทะกันครั้งสำคัญระหว่างรัฐลิแวนต์ในสงครามครูเสดกับกองกำลังอัยยูบิดที่นำโดยสุลต่านศอลาฮุดดีน ชัยชนะของศอลาฮุดดีนได้เปลี่ยนสมดุลแห่งอำนาจในดินแดนศักดิ์สิทธิ์อย่างเด็ดขาด นำไปสู่การยึดกรุงเยรูซาเลมของชาวมุสลิมและจุดชนวนให้เกิดสงครามครูเสดครั้งที่สาม
ความตึงเครียดเบื้องหลังในราชอาณาจักรเยรูซาเลมเพิ่มสูงขึ้นด้วยการเสด็จขึ้นสู่สวรรค์ของกีแห่งลูซินญ็องในปี ค.ศ. 1186 ท่ามกลางความแตกแยกระหว่าง "ฝ่ายศาล" ที่สนับสนุนกาย และ "ฝ่ายขุนนาง" ซึ่งสนับสนุนพระเจ้าเรย์มอนด์ที่ 3 แห่งตริโปลี ศอลาฮุดดีนได้รวมภูมิภาคมุสลิมที่ล้อมรอบรัฐครูเสดเป็นหนึ่งเดียวและสนับสนุนญิฮาด ได้เข้ายึดความแตกแยกภายในเหล่านี้
สาเหตุโดยตรงของการสู้รบคือการละเมิดการพักรบของเรย์นัลด์แห่งชาติญง ส่งผลให้กองทัพซาลาฮุดต้องตอบโต้ ในเดือนกรกฎาคม ศอลาฮุดดีนปิดล้อมเมืองทิเบเรียส กระตุ้นให้พวกครูเซเดอร์เผชิญหน้ากัน แม้จะมีคำแนะนำต่อต้านก็ตาม Guy of Lusignan ก็นำกองทัพ Crusader ออกจากฐานที่มั่นเพื่อต่อสู้กับ Saladin และตกหลุมพรางทางยุทธศาสตร์ของเขา
ในวันที่ 3 กรกฎาคม พวกครูเสดซึ่งถูกขัดขวางด้วยความกระหายและการคุกคามจากกองกำลังมุสลิม ได้ทำการตัดสินใจที่เป็นเวรเป็นกรรมที่จะเดินทัพไปยังน้ำพุ Kafr Hattin เข้าสู่มือของ Saladin โดยตรง เมื่อถูกล้อมรอบและอ่อนแอลง พวกครูเสดก็พ่ายแพ้อย่างเด็ดขาดในวันรุ่งขึ้น การสู้รบครั้งนี้เป็นการจับกุมผู้นำครูเสดคนสำคัญ รวมทั้ง Guy of Lusignan และการสูญเสีย True Cross ซึ่งเป็นสัญลักษณ์ของขวัญกำลังใจของชาวคริสเตียน
ผลที่ตามมาถือเป็นหายนะสำหรับรัฐสงครามครูเสด ดินแดนและเมืองสำคัญๆ รวมทั้งกรุงเยรูซาเล็มตกเป็นของศอลาฮุดดีนในเดือนต่อๆ มา การต่อสู้เผยให้เห็นความอ่อนแอของรัฐครูเสดและนำไปสู่การระดมพลของสงครามครูเสดครั้งที่สาม อย่างไรก็ตาม แม้จะมีการรณรงค์ทางทหารในเวลาต่อมา การปรากฏตัวของ Crusader ในดินแดนศักดิ์สิทธิ์ก็อ่อนแอลงอย่างไม่อาจย้อนกลับได้ ซึ่งท้ายที่สุดแล้วอำนาจของ Crusader ในภูมิภาคก็เสื่อมลงในที่สุด