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 belirtilebilir: onaltılık değerlerle, ada göre, RGB, RGBA, HSL, HSLA formatı vb.

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) gösterir.
• 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 de 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 ile 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 (anlam olarak değiştirilebilir) İngilizce 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.

Renkleri ayarlamak için onaltılık kodlardaki sayılar kullanılır. On altıncı sistem, onuncu sistemin aksine, 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. Onaltılık 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. Böylece, atanan renk #rrggbb olmak üzere üç depoya 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 ile 255 arasında değişen değerleri alır. Ayrıca 255 sayısıyla %100 tutarlı olacak şekilde dikey renk için de renk ayarlamak mümkündür. Başlangıçta rgb anahtar sözcüğü belirtilir ve ardından kollar için bileşen rengini belirtin; örneğin rgb(255, 128, 128) veya RGB (%100, %50, %50).

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 - tam 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 hala 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ık üzerindeki 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 1'de gösterilmektedir. 2.

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

Web tasarımında rengi sunmanın çeşitli yolları vardır

HEX, renkleri 16'ya dayalı olarak temsil eden onaltılık bir sistemdir. Bu sistemde 16'ya kadar ek dijital sayı için 0'dan 9'a kadar Arapça onlar hanesi ve A'dan F'ye kadar Latin harfleri kullanılır. Web tasarımı için 16 ana (anahtar renk) vardır. alındı, yani on altıncı sırada Renk kodu #RRGGBB'dir ve her bir çift, kendi parçasının rengini temsil eder: RR – kırmızı, GG – yeşil ve BB – mavi. Ten rengi 00 ila FF arasında değişir.

Web tasarımında rengin diğer iki tezahürü şunlardır: Rengin “*” kısmının 0'dan 255'e kadar onlarca rakamla ve renk adlarıyla temsil edildiği RGB(*,*,*) biçimindedir. İngilizce.

Renkli bir görüntü oluştururken asıl sorun, renklerin farklı türdeki bilgisayarlara, monitörlere ve tarayıcılara doğru şekilde aktarılmasıdır. Tarayıcı rengi doğru görüntüleyemezse benzerini seçer veya birkaç rengi karıştırır. Veya tamamen farklı bir renkle değiştirebilirsiniz.

Masa 16 ana renk, tüm tarayıcılarda vikoristed olan

Masa mor renkler ve renkler

Masa gri renkler ve renkler

HTML renkleri eğik çizgi karakterinden sonra altı karakterle temsil edilir; örneğin #000000. Bu altı sembol, çanta rengindeki farklı renkteki (Kırmızı, Yeşil, Mavi) parçaları gösterir. Bilgisayarınızın monitöründe görüntüler piksel adı verilen çok sayıda noktadan oluşur. Pikselin derisi, bileşiminde üç ışık tonundan (kırmızı, yeşil ve mavi) oluşan, "likhtarik" adı verilen küçük bir ışık parçasıdır. Farklı renkteki aydınlatıcıların ışık yoğunluğunu değiştirerek veya artırarak istenilen rengi seçiyoruz.

HTML renk kodları

HTML'deki renkler, kırmızı, mavi ve yeşil renklerin (RGB) yerine geçen onaltılık (HEX) değerlerle belirtilir.

En küçük renk değeri 0'dır (on altıncı 00). En yüksek renk değeri 255'tir (onaltıncı FF).

On altıncı değer renginde # işaretiyle başlayan üç rakam bulunur.

Renk kodları (değerler)

16 milyon adet

Kırmızı, mavi ve yeşil renkleri 0'dan 255'e kadar ten rengi değerleriyle karıştırmak toplamda 16 milyonun üzerinde birim (256 x 256 x 256) verir.

Mevcut üretim monitörlerinin çoğu en az 16.384 farklı renk görüntüler (çoğunlukla LCD monitörler 262 bin 16 milyon renk görüntüler) (2013 yılında güncellendi) renkler vardır ve EPT monitörleri pratikte sınırlı sayıda rengi görüntüleyebilir).

Aşağıdaki tabloda kırmızı rengin kısmı mavi ve yeşil renkler için sıfır değerle 0'dan 255'e değiştirilmiştir:

Grinin tonları

Gri rengin tonlarını ortadan kaldırmak için tüm renklerin eşit kısımları vikorize edilir. İhtiyacınız olan rengi seçmenizi kolaylaştırmak için size gri rengin tonlarına ait kodlar vereceğiz.

Tarayıcılar arası (tüm tarayıcılar için) renk adları

Tüm tarayıcılarda desteklenen, HTML'de 150 renk adından oluşan bir koleksiyon.

Standartlaştırılmış renk adları

W3C konsorsiyumu, HTML ve CSS için 16 geçerli renk adını revize etti: deniz mavisi, siyah, mavi, fuşya, gri, yeşil, limon, kestane rengi (kestane), lacivert (ultramarin), zeytin (zeytin), mor (mor), kırmızı ( kırmızı), gümüş (gümüş), deniz mavisi (mavi), beyaz (beyaz) ve sarı (zhovty).

Bu listede yer almayan renkleri seçerken onaltılık kodunu (HEX) veya RGB'yi kullanmak daha doğru olacaktır.

Güvenli renkler

Ne yazık ki bilgisayarlar en fazla 256 farklı rengi destekleyebildiği için sisteme ayrılmış 40 renkten oluşan 216 adet “Güvenli Web Sorgusu” listesi oluşturuldu.

Bu 216 renkli palet, 256 renkli palet modundaki renklerin doğru şekilde görüntülenmesi için oluşturuldu.

Artık bunun bir önemi yok çünkü dünyadaki çoğu bilgisayar milyonlarca rengi destekliyor. Bu renklerin bir listesi varsa:

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.