Stillerin rengi farklı şekillerde belirtilebilir: onaltılık değerlerle, ada göre, RGB, RGBA, HSL, HSLA formatına göre. Stillerin rengi farklı şekillerde ayarlanabilir: onaltılık değerlere göre, ada göre, RGB, RGBA, HSL, HSLA formatına göre Koyu

Renk tablosu (palet) htmlİhtiyacınız olan tonu bağımsız olarak seçebilmenizi sağlar. Renk değerleri üç formatta görüntülenir: Hex, RGB ve HSV.

• Hex, on altıncı sayı sistemindeki üç iki sembolik değerden oluşur. Örneğin: #ff00b3, ilk sayı çifti kırmızı, diğeri yeşil ve üçüncüsü mavidir.
• RGB (KırmızıYeşilMavi) “200,100,255” gibi görünür, bu da renkteki benzer ton miktarını (kırmızı, yeşil, mavi) belirtir.
• HSV (Ton, Doygunluk, Değer - ton, doygunluk, değer) - koordinatların olduğu renk modeli:
  • Ton - renkli ton, 0° ile 360° arasında değiştirilebilir.
  • Doygunluk - 0-100 ile 0-1 arasında değişen doygunluk. Bu parametre ne kadar büyük olursa renk o kadar saf olur, dolayısıyla bu parametreye bazen saflık rengi denir. Ve bu parametre sıfıra ne kadar yakınsa renk nötr griye o kadar yakın olur.
  • Değer (renk değeri) – parlaklığı ayarlar, değerler ayrıca 0-100 veya 0-1 arasında değiştirilebilir.

Renk kodunu girin: GİTMEK

İsimli bilet listesi

Tabloda, tüm tarayıcıların desteklediği renklerin İngilizce (anlam olarak değiştirilebilir) adları ve onaltılık değerleri yeniden düzenlenmiştir. Tüm renk seçimleri "güvenli" olduğundan tüm tarayıcılarda aynı görüneceklerdir.

CSS renk modülü, yazarların html öğelerinin rengini ve netliğini ve ayrıca renk değerlerini belirlemesine olanak tanıyan değerleri açıkça tanımlar.

Güç rengi

1. Öncelikli renkler: parlaklık rengi

Otorite, çeşitli renk aktarım sistemlerini kullanarak yazı tipinin rengini belirler. Güç, metin öğesinin rengini ifade eder. Ayrıca renge anlam kazandıran diğer güçlere potansiyel dolaylı anlam (currentColor) sağlamak için kullanılır.

Güç azalıyor.

2. Rengin önemi

2.1. Ana anahtar kelimeler

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

Renk adları büyük/küçük harfe duyarlı değildir.

Sözdizimi

Renk tonu;

2.2. Rengin sayısal değerleri

2.2.1. Colori modelleri RGB

Onaltılık formattaki RGB değer formatı # işareti ve ardından üç veya altı onaltılık karakterdir. Üç basamaklı RGB gösterimi #rgb, sıfır eklenerek değil, sayılar kopyalanarak altı basamaklı #rrggbb biçimine dönüştürülür. Örneğin, #fb0 #ffbb00'a genişler. Bu, beyaz #ffffff'in kısa bir #ffff girişinde gösterge olarak kullanılabileceğini garanti eder ve ekranın rengine bağlı tüm farklılıkları ortadan kaldırır.

İşlevsel gösterimin RGB değer formatı rgb'dir (ardından üç sayısal değerden (veya üç tamsayı değeri veya üç yüzüncü değerden) oluşan ayrı bir liste ve ardından bir sembol gelir). 255 tamsayı değeri, onaltılık gösterimde %100'e ve F veya FF'ye karşılık gelir:

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

Sayısal değerlerin yanında boş karakterlere izin verilir.

Renkleri ayarlamak için onaltılık kodlardaki sayılar kullanılır. Onuncu sistem yerine on altıncı sistem, adından da anlaşılacağı gibi 16 sayısını temel alır. Rakamlar görünecektir: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. 10'dan 15'e kadar olan sayıların yerini Latin harfleri alır. On altıncı sistemde 15'ten büyük sayılar iki sayının bir sayıda birleştirilmesiyle oluşturulur. Örneğin onuncu sistemdeki 255 sayısı, on altıncı sistemdeki FF sayısıyla doğrulanmaktadır. Belirtilen sayı sistemiyle karışıklığı önlemek için # sembolünü on altıncı sayının önüne koyun, örneğin #666999. Üç renkten (kırmızı, yeşil ve mavi) kaplamalar 00'dan FF'ye kadar değerler alabilir. Bu şekilde, atanan renk üç depoya #rrggbb bölünür; burada ilk iki sembol rengin kırmızı bileşenini, ortadaki iki sembol yeşili ve geri kalan iki sembol maviyi gösterir. Sembolün eklenebileceği #rgb kısa formunun kullanılmasına izin verilir. Yani #fe0 trace kaydı #ffee00 olarak değerlendirilir.

isim için

Tarayıcılar adlarının arkasında farklı renkleri destekler. Masada 1'de isim, onaltılık kod, RGB'deki değerler, HSL formatında ve açıklama belirtilmiştir.

Daha fazla yardım için RGB

Renk, vikory ve kırmızı, yeşil ve mavi değerlerini onda birlik olarak belirleyebilirsiniz. Üç renk bileşenine sahip dış görünüm 0 ila 255 arasında değerler alır. Ayrıca, 255 sayısıyla %100 tutarlı olacak yüksek kaliteli bir renk için renk ayarlamak da mümkündür. Başlangıçta rgb anahtar sözcüğü belirtilir ve daha sonra, örneğin rgb(255, 128, 128) veya RGB (%100, %50, %50) gibi renk bileşenlerinin göründüğü kollar için.

RGBA

RGBA formatı söz dizimi açısından RGB'ye benzer ancak öğenin netliğini belirten bir alfa kanalı içerir. 0 değerleri artan netliği, 1 - netlik eksikliğini ve 0,5 seviyesindeki ara değerler - artan netliği gösterir.

CSS3'e yönelik RGBA uzantıları, o sürüm için CSS kodunun kendisinin doğrulanmasını gerektirir. Lütfen CSS3 standardının hâlâ geliştirilme aşamasında olduğunu ve değişebileceğini unutmayın. Örneğin, arka plan rengi pikseline yapılan eklemelerin RGB formatının rengi doğrulamadan geçmelidir, ancak artık arka plan pikseline herhangi bir ekleme yapılmaz. Bu durumda, tarayıcılar genellikle bunun ve diğer gücün rengini doğru bir şekilde anlar.

HSL

HSL formatı, adını Hue, Saturate ve Lightness baş harflerinden alır. Renk, kazıktaki renkle aynıdır (Şekil 1) ve derece cinsinden belirtilir. 0° kırmızı, 120° yeşil ve 240° mavidir. Renk değeri 0 ila 359 arasında değiştirilebilir.

Küçük 1. Renk çemberi

Yoğunluk, rengin %0 ile %100 arasında değişen yoğunluğudur. %0 değeri, renklerin ve gri tonlarının varlığı anlamına gelir; %100 ise maksimum doygunluk değeridir.

Açıklık, rengin ne kadar parlak olacağını ayarlar ve %0 ila %100 aralığında gösterilir. Renklerin koyu ve yüksek değerlerin açık tutulması önemlidir, %0 ve %100 gibi uç değerler siyah beyaz rengi belirtir.

HSLA

HSLA formatı söz dizimi açısından HSL'ye benzer ancak öğenin netliğini belirten bir alfa kanalı içerir. 0 değerleri artan netliği, 1 - netlik eksikliğini ve 0,5 seviyesindeki ara değerler - tam netliği gösterir.

RGBA, HSL ve HSLA formatlarının renk değerleri CSS3'e eklenir, bu nedenle bu formatları değiştirirken kodun doğru sürümle geçerliliğini kontrol edin.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Peşin

Web sitesinde listelenen tüm aslan avlama yöntemleri teoriktir ve hesaplama yöntemlerine dayanmaktadır. Yazarlar, bunların kullanımında güvenliğinizi garanti etmez ve sonuçların sorumluluğunu üstlenmez. Unutmayın, aslan bir kulübedir ve dikkatsiz bir yaratıktır!

Bu poponun sonucu Şekil 2'de gösterilmektedir. 2.

Küçük 2. Web sayfasındaki Colori

HTML renkleri üç şekilde ayarlanabilir:

Yogo için renk kodunu HTML'de adlandıracağım

İsimleri için herhangi bir renk belirtilebilir, vikoristik olanlar ise İngilizce renk adının anlamları olarak belirtilebilir. En yaygın anahtar kelimeler: siyah, beyaz, kırmızı, yeşil, mavi ve diğerleri.

Metin rengi – kırmızı

World Wide Web Consortium (W3C) standardına göre en popüler renkler:

Farklı renkli isimlere sahip bir vikoristanın poposu:

Popo: ismin arkasındaki renge saygı

• Kendin dene "

Kırmızı yaprak bitine doğru gidiyoruz

Turuncu zemin üzerinde başlık

Kireç arka planına doğru ilerliyoruz

Siyah yaprak biti üzerine beyaz metin

Kırmızı yaprak bitine doğru gidiyoruz

Turuncu zemin üzerinde başlık

Kireç arka planına doğru ilerliyoruz

Siyah yaprak biti üzerine beyaz metin

Ek RGB için renk kontrolü

Monitörde farklı renkler görüntülenirken RGB paleti temel olarak kullanılır. Hangi rengi seçerseniz seçin, üç ana renk vardır: R - kırmızı (kırmızı), G - yeşil, B - mavi. Ten renginin parlaklığı bir bayt olarak ayarlanır ve ardından 0'dan 255'e kadar değerler girilebilir.Örneğin, RGB (255,0,0) kırmızı olarak görüntülenir, kalan kırmızılar karşılık gelen değere eklenir (255) ve diğer ayarlar 0'da tembeldir Ayrıca bitmiş ürünün rengini de ayarlayabilirsiniz. Parametrelerdeki dış görünüm, karşılık gelen rengin parlaklık düzeyini gösterir. Örneğin: rgb(127, 255, 127) ve rgb(50%, 100%, 50%) değerleri, orta doygunluğun yeni bir yeşil rengini ayarlayacaktır:

Popo: Ek RGB için Zavdanya rengi

• Kendin dene "

RGB(127, 255, 127)

RGB(%50, %100, %50)

RGB(127, 255, 127)

RGB(%50, %100, %50)

On altı değer için rengin korunması

Önem R G B Ayrıca şu formda ek onaltılık (HEX) renk değerleri de belirleyebilirsiniz: #RRGGBB, burada RR (kırmızı), GG (yeşil) ve BB (mavi) ve 00'dan FF'ye kadar onaltılık değerler (onlarca sayıyla aynı) 0-255). Onuncu sisteme ek olarak on altıncı sistem, adından da anlaşılacağı gibi 16 sayısını temel alır. On altıncı sistem şu işaretleri kullanır: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, Z, D, E, F. Burada 10'dan 15'e kadar olan rakamların yerini Latin harfleri almıştır. Onaltılı sistemde 15'ten büyük sayılar iki işaretin tek değerde birleşimidir. Örneğin onuncu sistemdeki en yüksek sayı olan 255, on altıncı sistemdeki en yüksek FF değerine karşılık gelir. Onlarlık sistemi değiştirmek için onaltılık sayının önüne bir karma simgesi koyun # örneğin #FF0000 kırmızı renk olarak görüntülenir, kırmızı parçalar en yüksek değerine (FF) ve diğer renkler minimum değere (00) ayarlanır. Hash sembolünden sonraki işaretler # Hem büyük hem de küçük kişileri işe alabilirsiniz. On altıncı sistem, sembolün alt savaşa eşdeğer olduğu #rgb formunun kısaltılmış biçimini kullanmanıza olanak tanır. Yani #f7O izi kaydı #ff7700 olarak değerlendirilir.

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şiller=zhovtiy: #FFFF00

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

yeşil+mavi=siyah: #00FFFF

Geniş çapta genişletilmiş renklerin listesi (adlar, HEX ve RGB):

Yoğunluk ve renk için renk kodları (arka plan).

Bu sayfada, HTML, CSS, JavaScript, Flash vb. Web geliştirici dillerinde renkleri atamak için kullanılabilecek anahtar kelimelerin bulunduğu bir tablo bulunmaktadır.

Eski spesifikasyonlarda, WC3 endişesi, HTML ve CSS'ye yüklenen renklerin yanı sıra yalnızca 16 anahtar kelimeyi öngörüyordu. Ayrıca, daha güncel spesifikasyonlara, renk adlarını belirtmek için 130 anahtar kelime daha eklendi. Burada renklerin adlarını, onaltılı sistemi ve temsil ettikleri RGB kodlarını gösteren bir tablo bulunmaktadır.

CSS kurallarına uygun olarak renk adları büyük/küçük harfe duyarlı değildir. IndianRed ve IndianRed renklerinin girişleri eşittir.

Tablodaki 146 anahtar kelimeden aslında daha az renge sahip olduğunu da belirtmekte fayda var. Bu, bu anahtar kelimelerin aynı rengi ifade ettiği anlamına gelir. Bu nedenle, Gri ve Gri isimleri #808080 koduyla 50 onaltılık rengi belirtir ve Macenta kelimesi, #FF00FF onaltılık koduna karşılık gelen Fuşya HTML rengiyle eşanlamlıdır. Ayrıca Aqua ve Cyan sözcükleriyle eşanlamlı olan kokular #00FFFF koduna karşılık gelir.