HTML yazı tipi rengi nasıl değiştirilir

Sitenizi ayarlamak söz konusu olduğunda, yazı tipi renkleri genellikle göz ardı edilir. Çoğu durumda, web sitesi sahibi siyah gibi varsayılan yazı tipi rengini veya vücut için tema stillerini ve başlık metninin rengi belirlenen her şeyi bırakır.
Ancak, çeşitli nedenlerle web sitenizdeki HTML yazı tipinin rengini değiştirmenize yardımcı olur. HTML yazı tipi rengini değiştirmek korkutucu görünebilir, ancak oldukça basit olabilir. Web sitenizdeki yazı tiplerinin rengini değiştirmenin birkaç yolu vardır. Bu yazıda, web sitesi yazı tiplerinizin rengini değiştirmenin çeşitli yollarını göstereceğiz ve neden baştan beri yapmak istediğinizi tartışacağız.
Neden HTML yazı tipi rengini değiştirmelisiniz? Yazı tipinin rengini değiştirmek istiyorsunuz, çünkü web sitenizin okunabilirliğini ve erişilebilirliğini artırmaya yardımcı olabilir. Örneğin, siteniz daha koyu bir renk şeması kullanıyorsa, siyah yazı tipi renginin web sitenizdeki metnin okunmasını zorlaştıracaktır. Yazı tipinin rengini değiştirmeyi düşünmek istemenizin bir başka nedeni, marka renk paletinizden daha koyu bir renk kullanmanızdır. Bu, markanızı güçlendirmek için başka bir fırsattır. Bu, marka tutarlılığı oluşturur ve tüm pazarlama kanallarınızdaki metnin aynı görünmesini sağlar.
Bununla, HTML yazı tipinin rengini nasıl belirleyebileceğinize ve değiştirebileceğinize bakalım. Sitenizi ayarlamak söz konusu olduğunda, yazı tipinin rengi genellikle göz ardı edilir … ancak birçok kişilik ekleyebilen basit bir düzenleme! Renkleri nasıl tanımlayacağınızı tweet için tıklayın Web tasarımında adlar, RGB değerleri, hex kodları ve HSL değerleri dahil olmak üzere renkleri tanımlamanın birkaç yolu vardır. Nasıl çalıştıklarını görelim. Renk Adı Renk Adı, CSS stilinizdeki rengi belirlemenin en kolay yoludur. Renk adı, HTML rengi için özel adı ifade eder. Şu anda, desteklenen 140 renk adı vardır ve bu renklerden birini tarzınızda kullanabilirsiniz. Örneğin, her öğenin rengini mavi olarak ayarlamak için “mavi” kullanabilirsiniz. HTML renk adı. Bununla birlikte, bu yaklaşımın zayıflığı, tüm renk adlarının desteklenmemesidir. Başka bir deyişle, desteklenen renkler listesinde olmayan renkler kullanıyorsanız, tasarımınızda renk adıyla kullanamazsınız. Bir sonraki RGB ve RGBA değerleri, RGB ve RGBA değerlerine sahibiz. RGB kırmızı, yeşil ve mavi anlamına gelir. Bu, gerçek paletteki renkleri nasıl karıştıracağınıza benzer şekilde kırmızı, yeşil ve mavi değerleri karıştırarak renkleri tanımlar.

RGB değeri. RGB değeri şuna benziyor: RGB (153,0,255). İlk sayı kırmızı girişi belirler, ikinci sayı yeşil girişi belirler ve üçüncü sayı maviyi belirler.

Her renk girişinin değeri 0 ve 255 arasında değişebilir, burada 0, rengin hiç mevcut olmadığı ve 255’in belirli bir rengin maksimum yoğunlukta olduğu anlamına gelir. RGBA değeri karışıma bir değer daha katar ve bu opaklığı temsil eden alfa değeridir. Bu 0 (şeffaf değil) ile 1 (tamamen şeffaf) arasında değişir. Onaltılık değer Hex, kullanımı kolay başka bir renk seçeneğidir. Onaltılık renk kodu RGB koduna benzer çalışır. 0’dan 9’a kadar olan sayılardan ve A’dan F’ye harflerden oluşurlar. Onaltılık kodu şuna benziyor: #800080. İlk iki harf kırmızı rengin yoğunluğunu belirler, ortadaki iki sayı yeşil rengin yoğunluğunu belirler ve son ikisi mavi rengin yoğunluğunu belirler.
HSL ve HSLA değerleri, HTML’deki renkleri tanımlamanın başka bir yolu HSL değerlerini kullanmaktır. HSL renk tonu, doygunluk ve hafiflik anlamına gelir.

HSL renk değeri. Hue 0 ila 360 arasında dereceler kullanır. Standart renk tekerleklerinde, 0/360 civarında kırmızı, 120’de yeşil ve 240’da mavi. Doygunluk, rengi ne kadar doymuş olarak belirlemek için bir yüzde kullanır. 0 siyah beyaz ve 100 tam renk temsil eder. Son olarak, hafiflik doygunluğa benzer bir yüzde kullanır. Bu durumda,% 0’ı siyahı ve% 100’ü beyaz temsil eder. Örneğin, bu makale boyunca kullandığımız mor renk HSL: HSL’de (276,%100,%50) böyle görünecektir.
RGB gibi HSL, opaklığı destekler. Bu durumda, A’nın alfa kısaltması olduğu ve 0 ile 1 arasında tanımlandığı HSLA değerini kullanacaksınız. Mor örneğin opaklığını azaltmak istiyorsak, bu kodu kullanacağız: HSL (276, 100 %,%50, .85). Şimdi rengi nasıl tanımlayacağınızı bildikten sonra, HTML yazı tipinin rengini değiştirmek için çeşitli yollara bakalım. Eski: HTML5 tanıtılmadan ve kodlama standardı olarak belirlenmeden önce etiketler, yazı tipi etiketlerini kullanarak yazı tiplerinin rengini değiştirebilirsiniz. Daha spesifik olarak, metnin rengini ayarlamak için renk özelliklerine sahip yazı tipi etiketlerini kullanacaksınız. Renk ya adıyla veya onaltılık kodu ile belirlenir. İşte bu kod ekranının bir örneğidir. Renk adlarını kullanarak metnin rengini mor olarak ayarlayın. Bu metin mordur. Ancak, etiketi artık HTML5’te kullanılmıyor ve artık kullanılmıyor. Yazı tipinin rengini değiştirmek bir tasarım kararıdır ve tasarım HTML’nin ana hedefi değildir. Bu nedenle, HTML5’te artık desteklenmemesi mantıklıdır. Peki etiketi artık desteklenmiyorsa, HTML yazı tipi rengini nasıl değiştirirsiniz? Cevap basamaklı stil sayfaları veya CSS.

Yeni: CSS Style HTML yazı tipinin rengini CSS ile değiştirmek için, uygun seçmenlerle eşleştirilen CSS Color özelliğini kullanacaksınız. CSS, rengi belirlemek için renk adları, RGB, Hex ve HSL değerlerini kullanmanıza olanak tanır. Yazı tipinin rengini değiştirmek için CSS kullanmanın üç yolu vardır. CSS’deki CSS doğrudan HTML dosyanıza eklenir.
gibi HTML etiketlerini kullanacaksınız ve ardından şu şekilde CSS renk özellikleriyle düzenleyeceksiniz:
Bu mor bir paragraftır. > Bu mor bir paragraf.
RGB değerini kullanacaksanız, şöyle yazacaksınız:
Bu mor bir paragraf.
Son olarak, HSL değerini kullanarak, yapacaksınız Bu kodu kullanın:
Bu mor bir paragraftır.
Yukarıdaki örnek, web sitenizdeki paragrafın renginin nasıl değiştirileceğini gösterir. Ama paragraflarla sınırlı değilsiniz. Renkli yazı tipi rengini ve bağlantısını değiştirebilirsiniz. Örneğin, yukarıdaki
etiketini