Erişilebilir Renk Paleti Oluşturucu WCAG karşıtlık gereksinimlerini karşılayan renk paletleri oluşturun.
Erişilebilir Renk Paleti Oluşturucu
WCAG karşıtlık gereksinimlerini karşılayan renk paletleri oluşturun.
Arka Planı Ayarla
Arka plan renginizi girin.
WCAG Düzeyini Seç
AA (4.5:1) veya AAA (7:1) uyumluluk hedefini seçin.
Göz At ve Kopyala
Erişilebilir renkleri, kontrast oranları ile birlikte görün ve kopyalayın.
What Is Erişilebilir Renk Paleti Oluşturucu?
Erişilebilir bir palet oluşturucu, seçilen arka plan rengi karşısında WCAG kontrast gereksinimlerini karşılayan renkleri bulur. Bireysel renkleri manuel olarak test etmek yerine, bu araç renk spektrumunu tarar ve yalnızca hedef kontrast oranınıza ulaşan renkleri (AA için 4,5:1 veya AAA için 7:1) sunar. Her renk, arka planınızın karşısında canlı metin önizlemesiyle ve tam kontrast oranıyla gösterilir, böylece erişilebilir ve tasarım estetiğinize uygun renkleri bulmak kolaylaşır. Bu, erişilebilir tasarımdaki en yaygın sorunlardan birini çözer: hem görsel olarak çekici hem de erişilebilirlik standartlarına uygun olan renkleri bulur. Oluşturucu, çeşitli erişilebilir seçeneklerin sunulabilmesi için renk tonları ve parlaklık seviyeleri üzerinden geçer.
Why Use Erişilebilir Renk Paleti Oluşturucu?
-
Otomatik olarak WCAG kontrast gereksinimlerini geçen renkleri bulur
-
AA (4.5:1) ve AAA (7:1) uyumluluk seviyeleri arasında seçim yapın
-
Arka plan renginizde canlı metin önizlemesi
-
Her önerilen renk için kesin kontrast oranını gösterir
-
Elle yapılan kontrast kontrollerinden saatlerce zaman kazandırır
Common Use Cases
Erişilebilir Web Tasarımı
WCAG gereksinimlerini karşılayan renk paletleri oluşturun.
Tasarım Sistemi Oluşturma
Sistemdeki her arka plan rengi için erişilebilir metin renkleri üretin.
Müşteri Projeleri
Müşterilere önceden doğrulanmış erişilebilirlik seçenekleriyle sunun.
Düzeltme
Mevcut renkler kontrast kontrollerinde başarısız olduğunda erişilebilir alternatifler bulun.
Technical Guide
Oluşturucu, hue açılarını (0-360° aralığında 30° aralıklarla) ve parlaklık seviyelerini (10-90% aralığında %10'luk aralıklarla) sabit bir doygunluk değeri olan %70 ile tarar. Her oluşturulan renk için, belirtilen arka plana karşı WCAG kontrast oranını göreli parlaklık formülünü kullanarak hesaplar. Asgari oran eşiğini karşılayan renkler toplanır, kontrast oranıyla sıralanır (en yüksek ilk) ve kullanıcıya sunulur. Algoritma, tam hue spektrumunu kapsar, böylece çeşitli renk seçenekleri sağlanır. Daha yüksek kontrast oranları daha iyi okunabilirliği gösterir. Asgari eşik değerleri, WCAG 2.1 Başarı Kriteri 1.4.3 (AA) ve 1.4.6 (AAA)'ye dayanır.
Tips & Best Practices
-
1Arka plan renginizden başlayarak erişilebilir metin renklerini bulun - tersi değil
-
2Koyu arka planlar için erişilebilir renkler genellikle daha açık; açık arka planlar için daha koyu
-
3Daha yüksek kontrast oranları her zaman daha iyidir - mümkün olduğunda minimumun üzerinde hedefleyin
-
4Erişilebilir renkleri renklilik körlüğü simülasyonu ile de test edin
-
5Erişilebilir paletinizi küçük (4-6 renk) tutun, tutarlılık için
Related Tools
Renk Seçici
HEX, RGB, HSL ve CMYK çıktıları ile etkileşimli renk seçici.
🎨 Color Tools
Tek Tonlu Palet Oluşturucu
Herhangi bir temel rengiden tek tonlu bir renk paleti oluşturun.
🎨 Color Tools
Renk Tonu Jeneratörü
Ayarlabilir adım sayısı ile herhangi bir rengin daha koyu tonlarını oluşturun.
🎨 Color Tools
Contrast Oranı Kontrolü
Ön plan ve arka plan renkleri arasındaki WCAG kontrast oranlarını kontrol edin.
🎨 Color Tools
Renk Körlüğü Simülatörü
Farklı tiplerdeki renk körlüğü olan insanların renkleri nasıl gördüğünü simüle edin.
🎨 Color ToolsFrequently Asked Questions
Q Bir rengin erişilebilir olmasını ne sağlar?
Q Neden bazı renkler sonuçlardan eksik?
Q Her zaman AAA uyumluluğunu hedeflemeli miyim?
About This Tool
Erişilebilir Renk Paleti Oluşturucu is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.