⚙️ HSL Renk Çarkı Uyumları ve WCAG 2.1 Bağıl Parlaklık Matematiği
Profesyonel bir web arayüzü veya marka kimliği tasarlarken renklerin birbiriyle uyumu ve yazıların okunabilirliği rastgele seçilemez. Stüdyomuz sRGB kanallarını silindirik HSL uzayına dönüştürerek renk çarkı üzerindeki geometrik açıları (+180° Tamamlayıcı, ±30° Analog, ±120° Üçlü) ve açık/koyu ton skalasını otomatik hesaplar.
Aynı anda çalışan WCAG 2.1 kontrast denetleyicisi ise iki rengin bağıl parlaklık (relative luminance) oranını hesaplayarak tasarımınızın AA ve AAA erişilebilirlik testlerinden geçip geçmediğini anında raporlar.
📊 Teknik Özellikler ve Mimari
| Renk Uzayları | HEX (#RRGGBB), RGB, HSL Dönüşümü |
|---|---|
| Uyum Algoritmaları | Tamamlayıcı, Analog, Üçlü (Triad), Monokrom |
| Erişilebilirlik | W3C WCAG 2.1 AA (4.5:1) ve AAA (7:1) Testi |
| Kullanım | Tek Tıkla Renk Kodu Kopyalama |
🎯 Gerçek Dünya Kullanım Senaryoları
✓ Web ve Mobil Arayüz (UI/UX) Tasarımı
Tek bir ana marka renginden buton, kenarlık ve arka planlar için uyumlu açık/koyu ton paletleri üretin.
✓ Google Lighthouse Erişilebilirlik Optimizasyonu
Metin ve arka plan renklerinizin 4.5:1 kontrast oranını sağladığını doğrulayarak 100 tam puan alın.
✓ Kurumsal Kimlik ve Logo Tasarımı
Ana logonuzun yanına yakışacak vurgu (accent) renklerini renk teorisiyle belirleyin.
✓ CSS Kod Dönüşümü
Tasarım dosyasından aldığınız HEX kodlarını anında RGB veya HSL formatına çevirin.
📚 Detaylı Rehber & Makale
Fotoğraflardan ve Belgelerden 10 Saniyede Düzenlenebilir Excel Tablosu Çıkarma
Rehberi Oku →