Kullanıcıların el çizimi resimler arasından seçim yaparak, onları çeşitli canlı renklerle boyamalarına olanak tanıyan basit bir etkileşimli renklendirme uygulaması oluşturun.

İlk Ekran
1. Küçük Resimlerin Gösterimi: Gezinmeyi kolaylaştırmak için sağlanan resimlerin küçük önizlemelerini gösterin:
   - Resim 1: [Hayvanat Bahçesi Hayvanları](https://img.freepik.com/free-vector/hand-drawn-zoo-animals-illustration_23-2151199715.jpg)
   - Resim 2: [İkincil Hayvanat Bahçesi Hayvanları](https://img.freepik.com/free-vector/hand-drawn-zoo-animals-illustration_23-2151199718.jpg)
   - Resim 3: [Aslan & Zürafa](https://img.freepik.com/premium-vector/lion-giraffe-hand-drawn_185029-508.jpg)
   - Resim 4: [Baykuş Eskizi](https://img.freepik.com/free-vector/hand-drawn-owl-outline-illustration_23-2149277379.jpg)
   - Resim 5: [Tilki Eskizi](https://img.freepik.com/free-vector/hand-drawn-fox-outline-illustration_23-2149272718.jpg)
   - Resim 6: [Aslan Eskizi](https://img.freepik.com/free-vector/hand-drawn-lion-outline-illustration_23-2149285355.jpg)
   - Resim 7: [Penguen Eskizi](https://img.freepik.com/free-vector/hand-drawn-penguin-outline-illustration_23-2150582038.jpg)
   - Resim 8: [Zürafa Karalamaları](https://img.freepik.com/free-vector/animal-doodle-outline-cute-giraffe_1308-81895.jpg)

Küçük resimler, tıklanabilir olacak şekilde düzenlenmeli ve renklendirme sayfasına rahatça geçiş sağlamalıdır.

Bir Resim Seçildikten Sonra
2. Resim Görüntüleme: Seçilen resmi tam ekran ve dikey olarak ortalanmış şekilde gösterin.

3. Fonksiyon Butonları:
   - Geri Dön Butonu (sol üst): "Geri dönmek istediğinize emin misiniz? Kaydedilmemiş değişiklikler kaybolacaktır." onay iletişim kutusunu gösterir ve küçük resimler sayfasına geri döner.
   - Kaydet Butonu (sol üst): Şu an boyanmış resmi PNG formatında kaydeder.
   - Renk Paleti (sağ üst): Geçerli rengi belirten büyük kırmızı bir daire gösterir; tıklandığında 24 canlı seçenekli tam ekran renk paleti açılır.

Renklendirme Etkileşimi
4. Alan Doldurma: Kullanıcıların resim sınırlarını algılayarak, seçilen renkle belirli alanları doldurmasını sağlayın. Tanımlı bir alan üzerine tıklanırsa o alan mevcut seçili renkle doldurulur.

Renk seçenekleri, zengin renkler ve basit etkileşimle eğlenceli bir kullanıcı deneyimi sunarak yaratıcılığı teşvik etmelidir.

Create a simple interactive coloring application:
First screen:
- Display thumbnails of the provided images:
  1. https://img.freepik.com/free-vector/hand-drawn-zoo-animals-illustration_23-2151199715.jpg
  2. https://img.freepik.com/free-vector/hand-drawn-zoo-animals-illustration_23-2151199718.jpg
  3. https://img.freepik.com/premium-vector/lion-giraffe-hand-drawn_185029-508.jpg
  4. https://img.freepik.com/free-vector/hand-drawn-owl-outline-illustration_23-2149277379.jpg
  5. https://img.freepik.com/free-vector/hand-drawn-fox-outline-illustration_23-2149272718.jpg
  6. https://img.freepik.com/free-vector/hand-drawn-lion-outline-illustration_23-2149285355.jpg
  7. https://img.freepik.com/free-vector/hand-drawn-penguin-outline-illustration_23-2150582038.jpg
  8. https://img.freepik.com/free-vector/animal-doodle-outline-cute-giraffe_1308-81895.jpg

- Thumbnails should be small and easy to navigate.

After selecting an image:
- Display the chosen image full-screen vertically.
- Top-left corner:
  - "Back" button: returns to image selection after confirmation dialog.
  - "Save" button: downloads the colored image.
- Top-right corner:
  - Large red circle indicating the current selected color (default is bright blue).
  - On clicking the circle, display a fullscreen palette with 24 vibrant color options arranged as small circles. After selecting a color, close the palette.

Coloring interaction:
- Detect boundaries of image areas.
- On click/tap within boundaries, fill the area with the selected color.

Q: What should the confirmation dialog say when returning to image selection?
A: Are you sure you want to go back? Any unsaved changes will be lost.

Q: What should happen when the 'Save' button is clicked?
A: Just save it in PNG format.