Colors/tr

Bu Fandom ortamındaki renkleri işlemek için bir kütüphanedir. Bu kütüphane iki amaca hizmet eder:


 * 1) Geçerli sayfadaki en önemli renklerin bir listesini sunar, böylece eklentinizin görünümünü ana bilgisayar wikisinin renk düzenine kolayca uyarlayabilirsiniz.
 * 2) Ve renkleri değiştirmek için bir dizi işlev sunar, böylece ana wiki renk düzeninin üzerine kendi renk düzeninizi oluşturabilirsiniz.

Not: Bu kitaplığın JavaScript geliştiricileri tarafından kullanılması amaçlanmıştır. Bir komut dosyası yazmıyorsanız, bu kütüphane sizin için hiçbir faydası olmaz. Renkler hakkında daha fazla bilgi edinmek için Help:Color bölümüne göz atmak isteyebilirsiniz.

Renkleri uygulama
Yukarıdaki renkleri kullanmanın en kolay yolu, normal CSS yazmak, ancak normal renkler yerine sahte renkler kullanmaktır:

Bu kuralların tümünü bir dizgeye ekleyin ve sonra dev.colors.css dizinine iletin. dev.colors.css tüm sözde değerleri değiştirecek ve stil sayfasını belge başlığına ekleyecektir:

1. örnek:

Kendi sözde değerlerinizi eklemek için isteğe bağlı ikinci bir parametre kullanabilirsiniz. Kendi değerlerinizi isminizi $ işaretiyle koymanız gerektiğini unutmayın:

Example 2:

Parlaklık ve Karanlık
Fandom'daki çeşitli renk şemaları için tasarımın önemli bir kısmı, şemanın aydınlık ya da karanlık olup olmadığını belirlemektir. dev.colors bunun için bir yöntem sunar, ancak daha da önemlisi: body etiketine iki sınıf ekler:


 * 1)  veya   - menü ve düğmelerin arka planının koyu veya parlak olmasına bağlı olarak
 * 2)  veya   – makale alanının arka planının koyu veya parlak olmasına bağlı olarak

Renkleri Değiştirme
Rengi değiştirmek için önce bir renk nesnesi oluşturmanız gerekir. dev.colors üç Fabrika sunar:

Renkli bir cisim olduğunda, onu değiştirebilirsiniz:

Renkleri olumsuzlama
dev.colors renkleri olumsuzlamak için iki işleve sahiptir: complement ve invert. Her ikisi de matematiksel olarak basit olsa da, renkler üzerindeki etkilerini görselleştirmek biraz zor:


 * invert, rengin rengini, doygunluğunu ve RGB renk boşluğuna etki ettiği için rengin hafifliğini azaltır:

rgb inverted = rgb(max r – r, max g – g, max b – b)
 * complement sadece tonu olumsuzlar. Doygunluk ve hafiflik değişmez.:

hsl complemented = hsl(max h – h, s, l)

En belirgin sonuç, complement öğesinin yalnızca renkleri etkilemesidir. Beyaz, siyah ve aradaki herhangi bir gri ton (görünüşte) değişmeden kalır.

Birkaç örnek:

Renkli Nesneleri Dizgelere Dönüştürme
Beğendiğiniz renkleri karıştırıp eşleştirdiğinizde, bunları tekrar dizgelere dönüştürmek isteyeceksiniz, böylece bunları CSS'de kullanabilirsiniz:

Kenar Koşulları
HSL renk boşluğu, görsel etkisi olmayan değişikliklere izin verir:


 * Bir rengin doygunluğu 0 ise, renk değişikliğinin artık görsel bir etkisi olmaz. Renk gri tonu kalacak
 * Rengin açıklığı 0 ise, ne renk tonu ne de doygunluk değişikliğinin görsel bir etkisi olmaz. Renk siyah kalacak.

Bu kütüphane değil etkisi olmayan değerleri filtreler ve atar.

Aşağıdaki yöntemler, HSL renk uzayını kullanır:


 * Color.rotate
 * Color.hue
 * Color.saturate
 * Color.saturation
 * Color.lighten
 * Color.lightness
 * Color.complement

Color.toString
__NOWYSIWYG__