İçeriğe atla
%100 yerel

Koyu Mod Paleti Oluşturucusu

Açık tema renk listesini doğrulanmış kontrastla koyu muadile dönüştür.

Giriş
30
Çıkış

Koyu Mod Paleti Oluşturucusu

Açık bir tema renklerini yapıştırın — satır başına birer tane — ve bu araç her biri için koyu muadilini oluşturur, stil sayfanıza bırakmaya hazır. Açık tema zaten mevcut olduktan sonra koyu temayı göndermek için günlük çalışmaya yönelik tasarlanmıştır: arka plan, yüzey ve vurgu renklerinizi verin ve araç aynı kümeyı koyu kullanıcı arayüzü için ters çevrilmiş şekilde geri getirir.

Her satırı CSS özel özelliği olarak adlandırın ("background: #ffffff", "--accent: #3366cc") veya yalnızca düz bir onaltılık değer yapıştırın. Koyu tema arka planı, paletinin oluşturulduğu sayfa arka planını ayarlar ve her rengin kontrastı buna karşı kontrol edilir. Hedef kontrast WCAG AA (4,5:1) veya AAA (7:1) arasından seçim yapar — vurgular (metin, bağlantılar ve simgeler için tasarlanan daha doygun girdiler) o orana doğru itilir, ancak hafif yüzeyler dürüst bir şekilde bildirilir ancak asla zorlanmaz, çünkü kart arka planı metin olarak okunmaz. Doygunluğu azalt, aksi takdirde koyu renkte tam doygunlukta parlayan renkleri yumuşatır, vurgu tonunu koru bir marka renginin tonunu ve yoğunluğunu bozulmadan tutar ve yüzeyleri yükseklik düzeylerine eşle, tarafsız gölgeleri arka planın üzerinde hafif, eşit artışlarla basamaklandırır — tıpkı bir kartın sayfa arkasında üstünde oturması gibi.

Aracın renk olarak okuyamadığı bir satır — şaşkın bir yorum, boş bir başlık — atlanır ve listenin geri kalanını bozmaz. Sayım, toplam'ı gösterir oluşturulan renkler sayısı ve kaç vurgu hedef kontrastı başarmıştır. Çok uzun listeler ve Windows veya Unix satır sonları her ikisi de kurulumu ek gerek kalmadan işlenir.

Her şey tarayıcınızda yerel olarak çalışır: renkler hiçbir zaman yüklenmez veya başka yere gönderilmez. Sonucu kopyalayın, .txt dosyası olarak indirin veya paletini iyileştirmek için çıktıyı doğrudan girdiye gönderin.

FAQ

Hangi giriş biçimini bekliyor?
Satır başına bir renk, onaltılık değer olarak. Okunabilir değişken adı için CSS değişkeni olarak adlandırın ("primary: #3366cc") veya düz bir onaltılık kodu yapıştırın ve araç otomatik olarak adını verir.
Hangi renklerin vurgu olduğunu nasıl belirler?
Belirgin doygunluklu bir renk vurgu olarak kabul edilir — metin, bağlantılar veya simgeler için — ve seçilen kontrast düzeyine doğru itilir. Düşük doygunluklu bir renk yüzey olarak kabul edilir ve bunun yerine yükseklik eşlemesini izler.
Neden her renk hedef kontrast oranına ulaşmıyor?
Yalnızca vurgular hedefe doğru itilir, çünkü bu oran metin kontrastı kuralıdır. Yüzey ve arka plan dolguları metin değildir, bu nedenle kontrastları sayıda bildirilir ancak zorlanmaz.
"Yüzeyleri yükseklik düzeylerine eşle" ne yapıyor?
Tarafsız, düşük doygunluklu renklerinizi yeni koyu arka plandan küçük, eşit artışlarla adımlandırır, özgün açıklığını yansıtmak yerine — bir kartın sayfa arkasında üstünde oturması gibi aynı katmanlı görünüm.
Renk listem herhangi bir yere yükleniyor mu?
Hayır. Palet tamamen tarayıcınızda oluşturulur ve hiçbir zaman cihazınızdan ayrılmaz.