Renk tablosu html lavanta. Stiller için renkler farklı şekillerde ayarlanabilir: 16 değere göre, ada göre, RGB, RGBA, HSL, HSLA biçimlerine göre. CSS Renkleri - RGB Değerleri

Modül CSS rengi yazarların html öğelerinin renklerini ve belirsizliğini ve ayrıca renk kalitesinin değerini belirlemesine izin veren anlamı açıklayın.

güç rengi

1. Öncelikli renkler: yak_st color

Güç, yardım için yazı tipinin rengini ayarlar farklı sistemler renk aktarımı. 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.

Fonksiyonel notasyonun RGB değerinin formatı rgb('dir, bundan sonra aşağıdaki bölmeleri üçlü bir liste takip eder. Sayısal değer(ya üç tamsayı değeri ya da üç binde bir değer), ardından bir sembol). 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.

Renkleri ayarlamak için onaltıncı kod için sayılar yazılır. Onuncu sisteme dayalı onaltıncı sistem, 16 rakamına dayalıdır. Rakamlar ilerletilecektir: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. 10'dan 1'e 5 değiştirme gibi rakamlar Latin harfleriyle. On altıncı sistemde 15'ten büyük sayılar, iki sayının bir arada birleştirilmesiyle belirlenir. Örneğin, onuncu sistemdeki 255 sayısı, onaltıncı sistemdeki FF sayısı ile teyit edilir. Belirlenen sayı sisteminin dolandırıcılığı suçlamaması için, on altıncı sayıdan önce ґrat # sembolünü koyun, örneğin # 666999. Üç renkten deri - kırmızı, yeşil ve mavi - 00'dan FF'ye kadar değerler alabilir. Bu sıralamada rengin gösterimi üç depoya bölünmüştür #rrggbb, ilk iki sembol rengin kırmızı bileşenini, ortadaki iki sembol yeşil ve kalan iki sembol mavidir. Bir sonraki dövüşün sembolünün kodunu çözmek için #rgb kısaltmasının kullanılmasına izin verilir. Böylece #fe0 girişini #ffee00 gibi bir değişiklik izler.

isim için

Tarayıcılar adlarına renk katar. Masada 1 ad, onaltılık kod, RGB cinsinden değer, HSL biçimi ve açıklama.

Yardım için RGB

Onuncu numaradan kırmızı, yeşil ve mavi stokun rengini, vikorist anlamını seçebilirsiniz. 0 ila 255 renk aralığında üç bileşenli deri. Bir renk kombinasyonu için renk ayarlamak da mümkündür, %100 ile 255 rakamıyla eşleşir. anahtar kelime rgb ve ardından renk bileşenlerinin belirtildiği kollarda, örneğin rgb(255, 128, 128) veya rgb(100%, %50, %50).

RGBA

RGBA formatı, sözdiziminde RGB'ye benzer, ancak öğenin şeffaflığını ayarlayan bir alfa kanalı içerir. 0 değeri en yüksek şeffaflığı, 1 - opaklığı ve kare başına bir orta değer 0,5 - en iyi şeffaflığı gösterir.

CSS3'e RGBA eklemeleri, bu CSS kodunun aynı sürüm için doğrulanması gerekir. Lütfen CSS3 standardının gelecekte değişebileceğini unutmayın. Örneğin, RGB verilerinin rengi güç arka planı-renk doğrulamayı geçmek için, ancak arka plan kalitesine artık girdi yok. Bu durumda, tarayıcılar bu ve diğer güçler için renkleri doğru anlayacaktır.

HSL

HSL formatının adı, Hue (vіdtinok), Doygunluk (nasichenіst) ve Hafiflik (bіtlo) ilk harflerinin bir kombinasyonu olarak benimsenmiştir. Renk üzerindeki rengin değeri (Şek. 1) ve derece olarak ayarlanır. 0° kırmızı, 120° yeşil ve 240° mavidir. Bayrağın değeri 0'dan 359'a kadar değiştirilebilir.

Pirinç. 1. Renk çemberi

Yoğunluk, yüzlerce kadında %0'dan %100'e ayarlanan rengin yoğunluğu olarak adlandırılır. %0 değeri grinin renk ve ton sayısı anlamına gelir, %100 maksimum değerdir.

Svіtlona, ​​jascaria'nın kaç rengini sorar ve vіdsotkakh'ta% 0 ila% 100 arasında gösterilir. Küçük değerler rengi koyulaştırır ve yüksek ışık, %0 ve %100 gibi uç değerler siyah tekir rengiyle eşleşir.

HSLA

HSLA biçimi, sözdizimi açısından HSL'ye benzer, ancak öğenin şeffaflığını ayarlayan bir alfa kanalı içerir. 0 değeri en yüksek şeffaflığı, 1 - opaklığı ve kare başına bir orta değer 0,5 - en iyi şeffaflığı gösterir.

RGBA, HSL ve HSLA formatlarındaki renk değerleri CSS3'e eklenir, bu yüzden bu formatları değiştirirken, geliştirilmiş sürümle kodun geçerliliğini kontrol edin.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

İlerlemek

Hepsi solcu yöntemlerin web sitesinde listelenmiştir ve teoriktir ve sayısal yöntemlere dayanmaktadır. Yazarlar, zaferleri durumunda güvenliğinizi garanti etmezler ve sonuçtan sorumlu olup olmadıklarını kendileri bilirler. Unutma, aslan bir husky, o güvensiz yaratık!

Bu poponun sonucu, Şek. 2.

Pirinç. 2. Web sitesindeki renkler

İçin html tarafları onaltıncı sistemde renkler önemlidir. Bu vikorist için, kodu kaydetmenin iki yolu vardır - dış veya kısa. Yeni girişte html rengini doğru girmek için ızgaradan sonra altı karakter (sayılar ve/veya İngilizce harfler) yazmak gerekir, örneğin siyah şu şekilde yazılır: #000000. Renklerin html mesajının kısaltmaları, kafesler ve arkasındaki üç rakam ve/veya harften oluşur. Kiminle Danimarka görünümü belirli bir rengin yeni kaydı kafesten sonra aynı sembollerden oluştuğundan, yalnızca o anı kaydedebilirsiniz. Örneğin bu siyah renk şu şekilde yazılabilir: #000. Html renklerini hem büyük hem de küçük karakterlerle ifade edebilirsiniz, parçalar kaydedilmeye karşı hassastır.

Kırmızı, yeşil ve mavi renklerin şarkı söyleyen kısmını gösteren "#" işaretinden sonra yazılan bir deri sembolü. Tüm monitörler çok sayıda pikselden (mikroskopik noktalar) oluşur ve dış görünümleri 3 sözde "ışık" (dzherela ışığı) içerir: kırmızı, yeşil ve mavi. Ter, bu "çakmakların" tercih ettiği ışığın yoğunluğunu ayarlayarak, monitör ihtiyacımız olan rengi yansıtır.

Kırmızı, mavi ve yeşil ışığın gelişim yoğunluğunu artırarak (0'dan 256'ya), monitörler 16.000.000 farklı renk gösterebilir.

Ayrıca web siteleri için renkler sözlü olarak veya RGB kodunda belirtilebilir.

Bu gün sözlü olarak 147 renk yazabilirsiniz. Farklı adlara sahip kişilerin adlarının aynı renkleri ifade edebileceğini bilmek önemli olduğunda, örneğin Gri ve Gri - aynı renk (# 808080).

Web siteleri için güvenli renkler.

Bir dış görünüm monitörü ve bir tarayıcı, 16 milyon html renginin tamamını doğru şekilde görüntüleyemez.

Örneğin, hangi tarayıcının doğru şekilde görüntülenmesi mümkün değilse, renkler çaprazlanırsa, o zaman:

1. Tarayıcı, onu yenisine en çok benzeyen ve başarılı bir şekilde uygulanabilecek olanla değiştirir;
2. Doğru görüntü için, tarayıcı renk sayısını değiştirebilir ve sonucu düzeltebilir.

Bu nedenle, herhangi bir tarayıcıda ve herhangi bir monitörde, kodda kaydettiğiniz rengin çıktısını almanız garanti edilir, "Güvenli renkler" kullanmanız önerilir. Pis koku elle değil, para uğruna, matematiksel olarak verildi. %100 güvenli renkler html belgeleri 216. Günümüz teknolojisi, günümüz monitörlerinin ve tarayıcılarının milyonlarca rengi tanıdığı noktaya kadar ilerlemiş olsa da, color victoria'nın kendisine aktarımını ve güvenli renkleri garanti etmenizi öneririz.

Bu tablo 216 adet güvenli html renk kodu içermektedir. Cilt rengi, renk seçimi için RGB olarak değerlendirilebilir. grafik editörleri ve html kenarlarında renkleri görüntülemek için HEX.

Rengi belirtmek için CSS renk kodları kullanılır. Kural olarak, rengin kodu veya rengin değeri, ya öğenin ön planı için (örneğin, metin için renk, ayar) veya öğenin arka planı için (arka plan için renk, blok) rengi ayarlamak için seçilir. Pis koku, diğer dekoratif efektlerin tanıtılmasıyla işaretçi arasındaki düğmenin rengini değiştirmek için de kötü olabilir.

Farklı formatlarda renk değerleri ekleyebilirsiniz. Bir sonraki tablo olası tüm biçimleri listeler:

Aşağıda, listelenen biçimlerin bir açıklaması bulunmaktadır.

CSS Renkleri - On Altı Kod

Onaltılık renk kodu- Tse altı basamaklı renk göstergesi. İlk iki hane (RR) kırmızı değer, sonraki ikisi yeşil değer (GG) ve geri kalanı mavi değerdir (BB).

CSS Renkleri - Kısa 16 Kod

Kısa on altı renk kodu- Bu, altı karakterli notasyonun kısa şeklidir. Bu formatta cilt numarası, rengin altı haneli değerine eşdeğer olmayacak şekilde tekrarlanır. Örneğin: #0F0, #00FF00 olur.

Herhangi bir grafikten on altı anlam çıkarılabilir. yazılım, örneğin adobe photoshop, Core Draw ve içinde.

"#" karma işaretini CSS dış görünüm rengi onaltılık koduna iletin. Aşağıda on altıncı atamanın poposu var.

CSS Renkleri - RGB Değerleri

RGB değerleri- bu, rgb () yardımıyla verilen rengin kodudur. Bu güç üç anlam kazanır: biri kırmızı, yeşil ve mavi için. Değer, 0 ile 255 arasında bir tam sayı veya yüz olabilir.

Not: tüm tarayıcılar rgb() renginin gücünü desteklemez, bu nedenle değiştirmeniz önerilmez.

Aşağıda, farklı RGB değerlerine sahip bir renk serpiştirmesini gösteren bir uç işaret edilmiştir.

Renk kodu üreteci

Hizmetimizin yardımı için milyonlarca renk kodu oluşturabilirsiniz.

Güvenli Tarayıcı Renkleri

Aşağıda, en güvenli ve bağımsız bilgisayar türleri olan 216 renkli bir tablo bulunmaktadır. CSS'deki renkler, on altıncı kodun 000000'den FFFFFF'ye kadar değişir. Pis koku zaferlerde güvenlidir, oscall'lar 256 renk paleti ile çalışırken tüm bilgisayarların renkleri doğru göstermesini garanti eder.