rgb kodu mordur. HTML metninin ve CSS'nin rengi nasıl değiştirilir? Renk modeli RGB

HTML rengi üç şekilde ayarlanabilir:

Yoga için HTML'de rengi adlandıracağım

Deyakі kolori, їх adını vereceğim, vikoristovuyuchi olarak, rengin adını vereceğim anlamı olarak ayarlanabilir ingilizce dili. En geniş anahtar kelimeler şunlardır: siyah (siyah), beyaz (beyaz), kırmızı (siyah), yeşil (yeşil), mavi (mavi) ve in.

Renkli metin - kırmızı

Konsorsiyum standardına göre en popüler renkler Tüm Dünyanın Ağı(İngiliz Dünya Çapında Ağ Konsorsiyumu, W3C):

Çeşitli farklı renk adlarına bir örnek:

Popo: isim için zavdannya rengi

• Kendin dene "

Kırmızı yaprak bitleri üzerindeki başlık

Turuncu zemin üzerine başlık

Kireç zemin üzerine başlık

Blackite yaprak bitlerinde beyaz metin

Kırmızı yaprak bitleri üzerindeki başlık

Turuncu zemin üzerine başlık

Kireç zemin üzerine başlık

Blackite yaprak bitlerinde beyaz metin

Yardım için renk yöneticisi RGB

Farklı renkleri monitörde görüntülerken RGB paleti esas alınır. Herhangi bir renk olup olmadığı, üç ana rengi değiştirerek değişeceklerdir: R - kırmızı (kırmızı), G - yeşillikler (yeşil), B - mavi (mavi). Cilt renginin yoğunluğu bir bayt i ile ayarlanır, bu nedenle 0 ila 255 arasındaki değerlere ayarlanabilir. Örneğin, RGB (255,0,0) kırmızı olarak görüntülenir, bu nedenle kırmızı olarak ayarlanır ikinci değer (255) ve diğerleri 0 olarak ayarlanmıştır Ayrıca vodsotkovomu vіdnoshenі'nın rengini de ayarlayabilirsiniz. Parametrelerden cilt, yaskravostі vіdpovіdnogo koloru'nun rіven'ini gösterir. Örneğin: rgb(127, 255, 127) ve rgb(50%, 100%, 50%) değerleri, ortalama değerle aynı yeşil rengi ayarlayacaktır:

Buttstock: Yardım RGB için renk yöneticisi

• Kendin dene "

rgb(127, 255, 127)

rgb(%50, %100, %50)

rgb(127, 255, 127)

rgb(%50, %100, %50)

On altıncı değer için renk yöneticisi

Değer R G B ayrıca yardım için on altıncı (HEX) renk değerleri şu şekilde belirtilebilir: #RRGGBB, de RR (chervony), GG (yeşil) ve BB (mavi) є 00'dan FF'ye (kendisi, 0-255 gibi onlarca) . Shestnadtsyatkov sistemi, vіdminu'da onuncu sistem, bir yiplya z її adı olarak, 16 sayısına göre. On altıncı sistem vikoristova bu tür işaretler: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E , F Burada 10'dan 15'e kadar olan sayılar Latin harfleriyle değiştirilmiştir. Onaltıncı sistemde 15'ten büyük sayılar, bir değerde iki karakterin birleşimidir. Örneğin, onuncu sistemdeki en büyük sayı olan 255, onaltıncı sistemdeki en yüksek FF değerini göstermektedir. Onuncu sistemin en üstünde, hash sembolünü on altıncı sayının önüne koyun. # , örneğin, #FF0000 kırmızı renk olarak görünür, kırmızı kırıklar en yüksek değerine (FF) ve renk değişimi minimum değerine (00) ayarlanır. Kafes sembolünden sonraki işaretler # büyük, çok küçük olarak yazabilirsiniz. On altıncı sistem, #rgb formunun kısaltılmış biçimini değiştirmenize, alt savaşa eşit sembolün kodunu çözmenize olanak tanır. Böylece #f7O kaydını #ff7700 gibi bir değişiklik takip eder.

Stok: Renkli HEX

• Kendin dene "

kırmızı: #FF0000

yeşil: #00FF00

mavi: #0000FF

kırmızı: #FF0000

yeşil: #00FF00

mavi: #0000FF

kırmızı+yeşil=sarı: #FFFF00

kırmızı+mavi=mor: #FF00FF

yeşil+mavi=mavi: #00FFFF

Geniş renklerin listesi (ad, HEX ve RGB):

Renk ve renk için Cody renkleri (arka plan).

Kitabın ilk bölümünde, diğer durumlarda, CSS'de metin renginin nasıl ayarlanacağını zaten göstermiştik. Burada tutarlı hiçbir şey yok: Metni değiştirmek için kullanabileceğiniz rengin gücüne ve o rengin anlamına ihtiyacınız var.

P (renk: #211C18; )

Uygulamada #211C18 değeri on altıncı renk kodu anlamına gelir. Zaten biliyorsun on altı sistem temizleyin, ardından bir sonraki paragrafı okumayı atlayabilirsiniz. Ayrıca, renkleri web üzerinde sunmanın diğer yolları hakkında size daha fazla bilgi verdik - renk modelleri (RGB, HSL) ve anahtar kelimeler. Bu bilgiler yeni başlayanlara aşina olacaktır ve okumadan önce tavsiye edilir.

On altı renk (onaltılık)

On altıncı sayı sistemi ( onaltılık, onaltılık) 16 sayısına göre. On altıncı değeri kaydetmek için 16 sembol vardır: 0'dan 9'a kadar Arap rakamları ve Latin alfabesinin ilk harfleri (A, B, C, D, E, F). Onaltılık formattaki renk, 00'dan FF'ye kadar üç çift haneli sayı ile kaydedilir (önlerinde ґrat # sembolü bulunur), bu da üç bileşen anlamına gelir: Kırmızı, Yeşil, Mavi (renk modeli RGB'dir). Aksi takdirde, renk #RRGGBB olarak yazılabilir gibi görünüyor, ilk sembol çifti kırmızı nervürü, diğeri - yeşil nervürü, üçüncüsü - mavi nervürü ifade ediyor. Ortaya çıkan renk, üç rengin sayısıdır.

Hız kaydı onaltılık makbuzlar

Deyakі sistnadtsyatkovі renklerin değeri hızlı bir şekilde yazılabilir. Bundan sonra, #RRGGBB formundaki girişi #RGB'ye dönüştürün. Onaltılı sayıda aynı sembolden üç çift varsa kazanmaya değer.

Notun kısaltılmış şekli genellikle yazılır ve tanınma uğruna, hızlı bir şekilde bir çaça örneği getireceğiz. Konuşmadan önce, renklerin onaltılık değerleri kayda duyarlı değildir - küçük harfler kadar büyük kazanabilirsiniz, hepsi zevkinize göre düşer.

Onaltılık makbuzların kısaltılmış bir kaydını ekleyin:

Renk modeli RGB

CSS rengini belirlemenin bir başka yolu da onlarca RGB değeri (Kırmızı, Mavi, Yeşil) seçmektir. Bunun için rengin gücünden sonra rgb anahtar kelimesini ve ardından kollarda ve kimin aracılığıyla - 0 ila 255 aralığında üç sayı, cilt kırmızı, yeşil ve mavi renklerin yoğunluğu anlamına gelir (r) yazmak gerekir. , gr, b). Sayı ne kadar büyük olursa, renk o kadar yoğun olur. Örneğin, parlak bir yeşil renk almak için şunu yazmak gerekir:

P ( renk: rgb(0, 255, 0); )

Ve eksen sarımsı-girchichny vіdtinok aynı anlama gelebilir:

Renk: rgb(94, 81, 3); /* aşağıda - aynı renk, on altıncı yüzyıla ait kayıtlar: */ color: #5E5103;

Siyah rengin değeri (0, 0, 0), beyaz rengin değeri - (255, 255, 255) olarak yazılır. Vіdsotkah'ın değerini belirtmesine de izin verilir. Yani 255 sayısı %100'e eşittir, ayrıca beyaz renk şu şekilde ayarlanabilir:

Renk: rgb(%100, %100, %100);

De shukati renk anlamları

Muhtemelen yemek yedin: yıldızları alıp renklerin tüm anlamlarını mı aldın? Іsnuє kişiliksiz grafik editörleri ve renkleri ve renk şemalarını seçebileceğiniz çevrimiçi hizmetler. En genişlerden biri popüler programlar, farklı bir renk seçebileceğiniz ve aynı RGB değerini seçebileceğiniz, hex ve sadece - adobe photoshop. Alternatif olarak, sadece rengi değil, rengi de kolayca seçebileceğiniz özel siteler var. renk uyumu. Görsel stok – Adobe Color CC hizmeti.

Renk modeli RGBA

RGBA biçimindeki rengi, RGBA'dakiyle aynı şekilde ayarlayabilirsiniz. RGBA ve RGB'nin görünürlüğü, rengin şeffaflığıyla tanınan alfa kanalının varlığıyla belirlenir. Netlik, 0 ile 1 aralığında ek bir sayı için ayarlanır; burada 0, daha fazla netlik gösterir ve 1, artık opaklık olmadığı anlamına gelir. 0.5 tipi ara değerler, şeffaflığın görünümünü ayarlamanıza izin verir (kısaltmalara sıfır olmadan, ancak nokta - .5 ile izin verilir). Örneğin, metni renklerle genişletmek ve izleri görmek için, rengin yetkisinden sonra rgba anahtar kelimesini ve rengin değerini yazmak gerekir:

P ( renk: rgba(94, 81, 3, .9); )

RGBA eksi, tarayıcıyı desteklemeyenlerdir internet gezgini sürüm 8 ve öncesi. IE8'e özel olarak aşağıdaki çözümü uygulayabilirsiniz:

P ( renk: rgb(94, 81, 3); renk: rgba(94, 81, 3, .9); )

Uygulamadaki ilk güç, metni şeffaflık olmadan istenen renkte işleyen IE8 tarayıcısı için tanınır. Ve rozumіyut RGBA gibi bu tarayıcılar, şeffaflıktan bir güç arkadaşına elemana zastosuyut.

Renkli modeller HSL (HSLA)

HSL renk modelinin ek koordinatlarını (Ton, Doygunluk, Açıklık - ton, doygunluk, açıklık) kullanarak rengi CSS'de de ayarlayabilirsiniz. Bunu şu şekilde kaydedin:

P ( renk: hsl(165, %100, %50); )

Yaylardaki ilk sayı ton (ton) anlamına gelir ve derece olarak ayarlanır (sayı aralığı 0 ila 359'dur). Koloninin rengine baktığınızda tahmin edebileceğiniz gibi derecelerin neden galip geldiğini anlamanız kolay olacaktır:

Kollardaki diğerleri ve üçüncü sayılar, doygunluk (doygunluk) ve hafiflik (hafiflik) anlamına gelir. Їх değerleri 0 ila 100 değerleri arasında ayarlanmıştır. Sıfıra yakın olan doygunluk değeri onu gri bir renge getirecektir, değer yoksa o zaman değer ton olabilir. Açıklığın (ışık) ek değeri için, rengin parlaklığını gösterebilirsiniz. Düşük değerler koyu renk tonlarına, yüksek değerler ise açık renk tonlarına yol açar. Açıklık için %100 değeri beyaz, %0 siyah anlamına gelir.

HSLA'nın renk modeli, HSL gibi aynı şekilde kullanılabilir, ancak içinde, RGBA'ya benzer şekilde, є alfa kanalı, bunun için rengin şeffaflığını ayarlayarak tür aralığında gerekli değeri gösterir. 0'dan 1'e:

P ( renk: hsla(165, %100, %50, .6); )

HSL ve HSLA, İnternet dahil tüm tarayıcılar tarafından desteklenir Gezgin sürümü 8 ve öncesi.

Standart HTML renkleri

İnternette renkleri sunmanın başka bir yolu da, bir öğe için bir renk belirleyebileceğiniz anahtar sözcükler kullanmaktır. Popo:

P (renk: siyah; )

Renk yoğunluğu değerinde yazılabilen 16 standart renk kullanın:

Renkler tüm tarayıcılar tarafından desteklenir. İşte farklı renk varyasyonları için 130 ek anahtar kelime. W3C için aynı renk tablosunu kontrol edebilirsiniz.

Bu tür anahtar kelimelerin seçimi kabul edilebilir, ancak tarayıcının kelimeyi kabul etmemesi risklidir. Bu nedenle, anahtar kelimelerin değiştirilmesi için on altıncı renk kodunun yazılması önerilir.

Podbag'ler

CSS'de, metnin rengi ek otorite için ayarlanır renk , değer çeşitli şekillerde yazılabileceğinden - onaltılık biçimde, RGB veya HSL biçiminde, anahtar kelimeyi belirterek. Anahtar kelime yardımı ile verilen yanlış renk seçimini ortadan kaldırmak için onaltılık değer belirtmek daha iyidir.

Ek bir alfa kanalının (RGBA ve HSLA formatları) arkasındaki öğe için şeffaflığı da ayarlayabilirsiniz. Durum ne olursa olsun, tarayıcının IE8 ve yogo olduğunu söylemek güvenlidir. erken sürümler RGBA, HSL ve HSLA formatlarını desteklemez.

CSS renk modülü, yazarların html öğelerinin rengini ve opaklığını ve ayrıca renk yoğunluğunun değerini ayarlamasına izin veren anlamı açıkça tanımlar.

güç rengi

1. Öncelikli renkler: yak_st color

Yetkililer, farklı renk aktarım sistemlerinin yardımıyla yazı tipinin rengini belirler. Güç, bunun yerine metin öğesinin rengini belirler. Ayrıca, verilen potansiyel dolaylı değer (currentColor) için, rengin değeri gibi diğer otoriteler için galip gelir.

Güç azalır.

2. Rengin Anlamı

2.1. Ana anahtar kelimeler

Ana anahtar kelimelerin listesi aşağıdaki anlamları içerir:

Renklerin kaydedilmesine duyarlı olmayan adlar.

Sözdizimi

Renk tonu;

2.2. Rengin sayısal anlamı

2.2.1. RGB Modeli Renkleri

Onaltılık biçim için RGB değer biçimi, # işareti ve ardından üç veya altı onaltılık karakterdir. Üç basamaklı RGB girişi #rgb, sıfırlar eklenerek değil, sayılar kopyalanarak altı basamaklı #rrggbb biçimine dönüştürülür. Örneğin #fb0, #ffbb00 olarak genişler. Bu, #ffffff'nin #fff kısa girişinde kullanılabileceğini garanti eder ve ekranın renginin derinliğinde bir düşüş olup olmadığını görebilirsiniz.

İşlevsel notasyonun RGB değer biçimi rgb(, ardından üç sayısal değerden (veya üç tamsayı değerden veya üç yüzüncü değerden), ardından bir sembolden oluşan bir liste) şeklindedir. 255 tamsayı değeri, on altıncı kayıtta %100'ü ve F veya FF'yi gösterir:

RGB(255,255,255) = RGB(%100, %100, %100) = #FFF

Boşluk karakterlerine yalnızca birkaç sayısal değer için izin verilir.

Bu seviyede, etiketin kalan özelliği görülebilir. , metnin rengini belirleyen. Tanıtım metninin arkasında beyaz yaprak bitlerinin üzerinde görüntülenen siyah bir renk vardır. İçin html'deki metnin rengini değiştirme, özniteliği durdurmak gerekir renk etiketi :