Color Flipper

Kısa Açıklama

Bu projede arka plan rengini rastgele HEX kodlarıyla değiştiren sade bir web aracı geliştirdim. Uygulama rengi otomatik döndürüyor ve üretilen kodu tek tıkla kopyalamayı destekliyor.

Problem

Rastgele renk üretimi yapan basit araçlar çoğu zaman görsel olarak zayıf kalıyor ve üretilen rengin okunabilirliğini düşünmüyor. Özellikle arka plan değiştiğinde metnin görünürlüğünü korumak ve hızlı kopyalama akışı sağlamak gerekiyor.

Çözüm

Bu projede milyonlarca renk arasından rastgele HEX kodu üreten bir yapı kurdum. Arka plan rengini her 10 saniyede bir otomatik değiştiren bir döngü ekledim ve parlaklığa göre metin rengini siyah ya da beyaz olacak şekilde ayarladım. Ayrıca tek tıkla panoya kopyalama, görsel geri bildirim, glassmorphism tasarım ve geçiş animasyonlarıyla arayüzü daha temiz hale getirdim.

Sonuç

Ortaya kurulum gerektirmeden doğrudan tarayıcıda çalışan küçük ama tamamlanmış bir arayüz projesi çıktı. Proje hem rastgele renk üretimi hem de okunabilirlik ve kopyalama gibi temel kullanım detaylarını tek ekranda çözüyor.

Teknolojiler

Vanilla JavaScript, CSS, HTML5, FontAwesome

Kurulum