HTML pastel renkler. Minecraft'ta Renk Kodları

Vlad Merzehevich

HTML'de renk, iki yoldan biriyle ayarlanır: Onaltılık kod ve bazı renkler adına göre. Metod, öncelikle, en evrensel olarak onaltılık bir hesap sistemine dayanarak kullanılır.

Hex renkleri

HTML'deki renkleri ayarlamak için, onaltılık kodda numaralar kullanılır. Onaltılık sistem, aksine ondalık sistem, 16 kişiden aşağıdaki gibidir. Numaralar aşağıdakiler olacaktır: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. 10 ila 15 arasındaki sayılar Latin harflerle değiştirilir. Sekmesinde. 6.1 Ondalık ve onaltılık sayıların yazışmaları verilmiştir.

HexadeMimal sistemde sayılar 15'ten fazla, birte iki sayının birleşimi ile oluşturulur (Tablo 6.2). Örneğin, ondalık sistemdeki 255 sayısı, onaltılıktaki FF sayısına karşılık gelir.

Sayı sisteminin tanımındaki karışıklığı karıştırmamak için, ızgara sembolü onaltılık, örneğin # AA69CC'den önce ayarlanır. Bu durumda, kayıt önemli değil, bu nedenle # F0F0F0 veya # F0F0F0 yazması için izin verilir.

HTML'de kullanılan tipik renk aşağıdaki gibidir.

Burada web sayfasının rengi # FA8E47 olarak ayarlanır. Numaranın önündeki kafes sembolü # onaltılık olduğu anlamına gelir. İlk iki hane (FA), renklerin kırmızı bileşenini, üçüncüye olan sayıları dördüncü (8e) - yeşile ve son iki haneye (47) - Mavi'yi belirler. Sonuç olarak, böyle bir rengi ortaya çıkarır.

Fa.

+

8e.

+

47

=

Fa8e47.

Üç rengin her biri kırmızı, yeşil ve mavidir - nihayetinde 256 gölgeyi oluşturan 00'dan FF'ye değer alabilir. Böylece, toplam renk sayısı 256x256x256 \u003d 16.777.216 kombinasyonları olabilir. Kırmızı, yeşil ve mavi bileşenlere dayanan renk modeli RGB (kırmızı, yeşil, mavi; kırmızı, yeşil, mavi) olarak adlandırıldı. Bu model katkı maddesi (katma eklemeden), burada üç bileşenlerin de eklenmesi beyaz renk.

Onaltılık renklerde gezinmeyi kolaylaştırmak için, bazı kuralları dikkate alın.

• Renk bileşeninin değerleri aynı ise (örneğin: # D6D6D6), sonra ortaya çıktı gri renk tonu. göre daha fazla sayı, daha açık renk, değerler # 000000 (siyah) 'den #FFFFFF (beyaz) ile değişiyor.
• Kırmızı bileşen maksimum (FF) ve kalan bileşenler sıfırlanırsa parlak kırmızı renk oluşturulur. # FF0000 değeri olan renk, olası kırmızı tonların en çok kırmızıdır. Bu yeşil (# 00FF00) ve mavi (# 0000FF) ile aynıdır.
• Yeşil (# FFFF00) yeşil ile karıştırılarak elde edilir. Ana renklerde (kırmızı, yeşil, mavi) ve tamamlayıcı veya eklerin sunulduğu renk dairesinde (Şek. 6.1) açıkça görülebilir. Bunlar arasında sarı, mavi ve mor (hala mor olarak adlandırılır) içerir. Genel olarak, çiçeklerin yanına karıştırılarak herhangi bir renk elde edilebilir. Yani, mavi ve yeşil birleştirilerek mavi (# 00FFFF) elde edilir.

İncir. 6.1. Renk çemberi

Onaltılık değerlerdeki renkler mutlaka ampirik olarak seçmez. Bir grafik editörü bu amaç için çalışabilir, örneğin farklı renk modelleriyle çalışabilir, Adobe Photoshop.. İncirde. 6.2 Bu programdaki rengi seçmek için bir pencere gösteriliyor, çizgi, mevcut rengin elde edilen onaltılık değerini daire içine aldı. Koduma kopyalanabilir ve yapıştırılabilir.

İncir. 6.2. Renk seçmek için pencere photoshop Programı

Web renkleri

Monitörün kalitesini 8 bit (256 renk) olarak ayarlarsanız, aynı renk görünebilir farklı tarayıcılar kendi yolunda. Bu, tarayıcı kendi paleti ile birlikte çalıştığında ve palette bulunmadığı rengi gösteremeyen grafikleri görüntüleme yönteminden kaynaklanmaktadır. Bu durumda, renk, diğerlerinin bir kombinasyonu ile, belirtilenleri taklit eden renklerle değiştirilir. Rengin farklı tarayıcılarda değişmeden kalması için, sözde web renklerinin paletini tanıttı. Web siteleri, kırmızı, yeşil ve mavi - altı değerden birinin kurulduğu her bir bileşen için bu renkler denir - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) ), 255 (FF). Parantez içinde, bu bileşenin onaltılık değeri belirtilir. Tüm olası kombinasyonlardan gelen toplam renk sayısı 6x6x6 - 216 renk verir. Örnek Web Rengi - # 33FF66.

Web renginin ana özelliği, tüm tarayıcılarda eşit olarak gösterilmiştir. Şu anda, web renklerinin alaka düzeyi, monitörlerin kalitesini arttırmak ve yeteneklerini genişletmek nedeniyle oldukça küçüktür.

İsme göre renkler

Sayılar kümesini ezberlememek için, bunun yerine yaygın renklerin adlarını kullanabilirsiniz. Sekmesinde. 6.3 Popüler renk adlarının adlarını gösterir.

Masa. 6.3. Bazı renklerin isimleri

Renk adı	Renk	Açıklama	Hexadecimal
siyah.		Siyah	#000000
mavi		Mavi	# 0000ff.
fuşya.		Açık mor	# Ff00ff.
gri.		Koyu gri	#808080
yeşil.		Yeşil	#008000
kireç		Açık yeşil	# 00ff00.
bordo.		Koyu Kırmızı	#800000
dONANMA.		Koyu mavi	#000080
zeytin.		zeytin	#808000
mor.		Koyu mor	#800080
kırmızı		Kırmızı	# Ff0000.
gümüş		Açık gri	# C0c0c0.
teal.		Sinsi yeşili	#008080
beyaz		Beyaz	#Ffffff.
sarı		Sarı	# Ffff00.

Rengi, adını veya onaltılık sayılarla ne şekilde ayarladığınız önemli değildir. Eylemi açısından, bu yollar eşittir. Örnek 6.1, Web sayfasının arka planının ve metninin renginin nasıl ayarlanacağını göstermektedir.

Örnek 6.1. Renkli arka plan ve metin

Örnek yazı

Bu örnekte, arka planın rengi BGColor Tag özelliği kullanılarak ayarlanır ve metin özniteliğinden metnin rengi. Çeşitlilik için, metin özniteliğindeki değer, onaltılık sayı olarak kurulur ve BGColor'un ayrılmış bir anahtar kelime teal vardır.

CSS'deki renk kodları, rengi belirtmek için kullanılır. Bir kural olarak, rengi veya elemanın ön planını (örneğin, metin rengi, referans) veya elemanın arka planı için (arka plan rengi, blok) için renk kodları veya renk değerleri kullanılır. Ayrıca, kılavuzluk ve diğer dekoratif efektler sırasında düğmenin, kenarlıkların, işaretleyicinin rengini değiştirmek için de kullanılabilirler.

Renk değerlerinizi çeşitli formatlarda ayarlayabilirsiniz. Aşağıdaki tablo tüm olası formatları listeler:

Aşağıda daha ayrıntılı olarak listelenen formatlar açıklanmaktadır.

CSS Renkleri - Hexadecimal Kodlar

Zımpara renk kodu - Bu, altı basamaklı bir renk sunumu. İlk iki hane (RR) kırmızı bir değerdir, aşağıdaki iki yeşil bir değer (GG) ve ikincisi mavi bir değerdir (BB).

CSS Renkleri - Kısa Hex Kodları

Kısa altıgen renk kodu - Bu, altı basamaklı bir gösterimin daha kısa bir şeklidir. Bu formatta, her bir rakam, eşdeğer altı basamaklı bir renk değeri elde etmek için tekrarlanır. Örneğin: # 0F0 # 00ff00 olur.

HexadeMimal değer herhangi bir grafikten alınabilir yazılımAdobe Photoshop, Core Beraberlik, vb.

CSS'deki her hex yakalı, "#" işareti olan Hesha "#" imzalayacaktır. Aşağıda onaltılık atamaları kullanma örnekleridir.

CSS Renkleri - RGB Değerleri

RGB değeri - Bu, RGB () özelliğini kullanarak ayarlanan bir renk kodudur. Bu özellik üç değer alır: biri kırmızı, yeşil ve mavi için. Değer, 0 ila 255 arasında veya yüzde bir tamsayı olabilir.

Not: Tüm tarayıcılar RGB () renklerinin özelliklerini desteklemez, bu nedenle kullanmanız önerilmez.

Aşağıda, RGB değerlerini kullanarak birkaç renk gösteren bir örnektir.

Renk kodu üreteci

Hizmetimizi kullanarak milyonlarca renk kodu oluşturabilirsiniz.

Güvenli tarayıcı renkleri

Aşağıda, bilgisayardan en güvenli ve bağımsız olan 216 renk tablosudur. CSS'teki bu renkler 000000 ile onaltılık kodun fffffffffffffffffffff'sine kadar uzanır. Kullanımı güvenlidirler, çünkü 256 renk paletiyle çalışırken tüm bilgisayarların rengini doğru şekilde göstermesini sağlarlar.

CSS'de "Güvenli" renkler
#000000	#000033	#000066	#000099	# 0000cc	# 0000ff.
#003300	#003333	#003366	#003399	# 0033cc	# 0033ff.
#006600	#006633	#006666	#006699	# 0066cc	# 0066ff.
#009900	#009933	#009966	#009999	# 0099cc.	# 0099ff.
# 00cc00.	# 00cc33.	# 00cc66.	# 00cc99.	# 00cccc.	# 00ccff.
# 00ff00.	# 00ff33.	# 00ff66.	# 00ff99.	# 00ffcc	# 00ffff.
#330000	#330033	#330066	#330099	# 3300cc	# 3300ff.
#333300	#333333	#333366	#333399	# 3333cc	# 3333ff.
#336600	#336633	#336666	#336699	# 3366cc	# 3366ff.
#339900	#339933	#339966	#339999	# 3399cc	# 3399FF.
# 33cc00.	# 33cc33	# 33cc66.	# 33cc99.	# 33cccc.	# 33ccf.
# 33ff00.	# 33ff33	# 33FF66.	# 33FF99.	# 33ffcc	# 33ffff.
#660000	#660033	#660066	#660099	# 6600cc	# 6600ff.
#663300	#663333	#663366	#663399	# 6633cc	# 6633ff.
#666600	#666633	#666666	#666699	# 6666cc	# 6666ff.
#669900	#669933	#669966	#669999	# 6699cc	# 6699FF.
# 66cc00.	# 66cc33	# 66cc66.	# 66cc99.	# 66cccc.	# 66ccf.
# 66ff00.	# 66ff33.	# 66ff66.	# 66ff99.	# 66FFCC	# 66ffff.
#990000	#990033	#990066	#990099	# 9900CC	# 9900ff.
#993300	#993333	#993366	#993399	# 9933c.	# 9933ff.
#996600	#996633	#996666	#996699	# 9966cc	# 9966ff.
#999900	#999933	#999966	#999999	# 9999cc	# 9999ff.
# 99cc00.	# 99cc33	# 99cc66.	# 99cc99.	# 99cccc.	# 99ccf.
# 99ff00.	# 99ff33	# 99ff66.	# 99ff99.	# 99FFCC	# 99ffff.
# Cc0000.	# Cc0033.	# Cc0066.	# Cc0099.	# Cc00cc.	# Cc00ff.
# Cc3300.	# Cc3333.	# Cc3366	# Cc3399.	# Cc33cc	# Cc33ff.
# Cc6600.	# Cc6633.	# Cc6666.	# Cc6699.	# Cc66cc.	# Cc66ff.
# Cc9900.	# Cc9933	# Cc9966.	# Cc9999.	# Cc99cc	# Cc99ff.
# Ccc00.	# CCCC33	# CCCC66.	# Cccc99	#Cccccc.	#Ccccf.
# Ccff00.	# Ccff33	# Ccff66.	# Ccff99.	#Ccffcc	#Ccffff.
# Ff0000.	# Ff0033	# Ff0066	# Ff0099.	# Ff00cc	# Ff00ff.
# Ff3300.	# Ff3333	# Ff3366.	# Ff3399	# Ff33cc	# Ff33ff.
# Ff6600.	# Ff6633	# FF6666	# Ff6699.	# Ff66cc	# Ff66ff.
# Ff9900.	# Ff9933	# Ff9966	# Ff9999.	# Ff99cc	# Ff99ff.
# Ffcc00.	# Ffcc33	# Ffcc66.	# Ffcc99	#Ffcccc	#Ffccff.
# Ffff00.	# Ffff33	# Ffff66	# Ffff99.	#Ffffcc	#Ffffff.

CSS anlamıyor). Bu nedenle, gelecekteki web ustası öğrenmek için gereklidir renk değiştirmenize izin veren HTML Araçları Örneğin, site hedef kitlesinin dikkatini çekecek parlak ve renkli e-posta posta göndermek için.

Bu giriş oldukça hacimli ortaya çıktı, ancak ondan, renkle çalışmanın tüm teknik özelliklerini öğreneceksiniz. html yardım et. Soru ile başa çıkacağımız şeyden yazmaya başlayalım: Belirli unsurları vurgulamamız gerekenler için Html sayfaları. Ardından, Özel Kodları kullanarak renkleri HTML'ye ayarlamanıza izin veren RGB modeli hakkında konuşacağız (geçiş, ondalık renk kodlarına ve onaltılık HTML renklerine bakacağız). Ayrıca bu girişten, renk paletini öğrenecek ve neden HTML'de paletin olmadığını anlayacaksınız. Ve bu yayının tamamlanması metin rengi değişimi, metin ve bağlantıların örnekleri.

HTML'deki renkleri kullanma

Site sayfaları görüntüleri olmadan sıkıcı ve ilgi çekici olurdu, daha önce konuştuk ve çok ayrıntılı konuştuk. Ancak görüntülerin önemli bir eksi vardır: her görüntü ek ve buna göre, barındırma üzerine ek yük.

WordPress blogunuzun tasarımı için, tek bir resim kullanmadığım için, düzen tamamen renkle süslenmiştir. Sevmek hTML'deki renkler hakkında bugün sizinle birlikteyiz ve konuşuruz. HTML'deki renkler farklı amaçlar için kullanılır, örneğin, siteyi bir şekilde veya başka bir şekilde belirli rengi vurgulayarak site düzenlerini yapabiliriz.

Renk yardımıyla, ziyaretçilerimizin dikkatini belirli bir metin veya site bloğuna odaklayabiliriz. Kullanıcının anlayabileceği şekilde renkle de belirlendiğini unutmayın: Katıldığı ve şu anda hangi HTML sayfasının ne kadar bastığını zaten bastırdı.

Dikkatli ol hTML belgelerinin tasarımı için renkleri kullanma, tüm renkler birbirleriyle birleştirilmez ve her renk sitenizin ziyaretçilerine davet edilemez. Ancak bu incelikler hakkında Web tasarımcılarını isteyin, aynı makale, HTML sayfalarının rengini yönetmenize izin veren teknik özelliklerle başa çıkmanıza yardımcı olacaktır.

Ancak, tasarımın içeriğe ayrılmasının gerektiğini unutmamalısınız, bu nedenle CSS'yi HTML sayfalarındaki rengini değiştirmek için kullanmak daha iyidir, ancak bunun hakkında başka bir yayında konuşacağız. Şimdi göreceğiz site sayfalarındaki rengi kontrol etmek için HTML'deki araçlar nelerdir?.

BT sektöründe, rengi manipüle etmek için birçok renk modeli var. En yaygın renk gösterimi modeli RGB modeldir. Burada bu modelin bazı özelliklerinden bazıları hakkında konuşacağız ve RGB ile daha ayrıntılı bir tanıdık için ayrı bir yayın olacak. Aşağıda, içinde kullanılan renk modellerinin bir listesini bulacaksınız (sadece HTML ve CSS'de değil):

1. Model RGB.. Bu model çok yaygındı ve belki de, HTML elemanlarının rengini manipüle etmenin en uygun ve ortak yollarından biridir.
2. RGBA modeli. Bu model RGB modeline çok benzer, ancak rengin alfa kanalını içerir. RGBA modelinin özelliği, ayarlamanıza izin verdiği gerçeğinde yatmaktadır. sadece HTML öğesinin rengi değil, aynı zamanda şeffaflığını da Alpha kanalının kullanılabilirliği nedeniyle. RGBA modeli CSS3'e eklendi ve eski tarayıcılar tarafından desteklenmiyor.
3. HSL modeli. HSL modelinin özelliği, parametreleri ile belirttiğimiz rengin olduğu gerçeğinden oluşur: Gölge, Pulluk ve Hafiflik. Bu model, RGB modelinden biraz daha karmaşıktır.
4. HSLA modeli. Bu model HSL modeline çok benzer, ancak RGBA modelinin bir alfa kanalı rengiyle çalışmanıza olanak tanır, bu nedenle HSLA kullanarak, yalnızca sayfadaki HTML öğesinin rengini değil, aynı zamanda şeffaflığını da ayarlayabiliriz. .
5. Model HSV (HSB). Bu model HSL modeliyle karıştırılmamalıdır. İlk dört modelin, Web sayfalarını tasarlamak için HTML veya CSS'de kullanılabileceğini unutmayın, ancak HSV modeli değil. HSV modeli, 1978'de Pixar Studio'nın kurucularından biri tarafından geliştirilmiştir ve HSL'ye çok benzer.
6. Model CMY veya CMYK. Bu model tüm renk yazıcı yazıcılarında kullanılır. CMYK modeli, yazdırmanın beyaz kağıtlarda oluşan kurallara dayanır. CMYK modelinin herhangi bir rengi, mavi renkleri (soluk mavi, turkuaz), macenta (mor) ve sarı renkleri karıştırmaktan elde edilir. CMY modelindeki her renkte, bir yüzde olarak ölçülen bir opaklık özelliği (boya sayısı) vardır. Ancak, listelenen üç renge ek olarak, CMYK modeli de siyah kullanır.

Yukarıdaki renk modellerinin tümü donanım bağımlıdır, yani, eğer RGB veya HSL modelini kullanarak HTML öğesi rengini belirtinTüm kullanıcıların monitörleri farklı olduğundan, rengin renginin tam olarak sitenizin tam olarak göreceğini tam olarak tartışması imkansızdır, çünkü tüm kullanıcıların monitörleri farklıdır ve renkleri farklı şekillerde iletir. Ayrıca, yukarıdaki modellerin tümünün temelinin RGB modeli olduğuna ve modellerin herhangi birinde belirtilen herhangi bir renginin (bir alfa kanalının varlığından dolayı HSLA ve RGBA hariç) (HSLA ve RGBA hariç) RGB'ye dönüştürülebilir.

Donanımdan bağımsız renk iletim modelleri hakkında konuşursak, laboratuar modeline dikkat çekmeye değer. Öyleyse, bazı renk modelleriyle tanıştıktan sonra, HTML'de rengiyle çalışmaktan biraz dikkatlidik. Tarayıcıların sadece ilk dört modelini "anladığını" unutmayın: HSL, RGB, HSLA ve RGBA. Bu nedenle, HTML elemanlarının rengi sadece bu modellerle yönetebiliriz.

Öğenin HTML renginin nasıl oluşturulduğu: RGB modelinin bazı özellikleri

Gerçekle uğraşalım hTML öğesinin rengi nasıl oluşturulur? ve RGB modelinin bazı özellikleriyle. RGB modelinin yanı sıra, web sayfalarını tasarlamak için kullanılan diğer modellerin yanı sıra, ayrı kayıtlarda biraz daha sonra konuşacağız.

Böylece, RGB modeli kırmızı, yeşil, mavi olarak şifresi çözülür. RGB modeli, katkı maddesi ilkesine dayanmaktadır. Bu ilke, herhangi bir renk elde etmek için, rengin siyahın eklenmesidir. Daha iyi bir anlayış için, ekranınızın siyah bir duvar olduğunu ve üç spot ışığınız olduğunu hayal edin: ilk önce kırmızı renkte parlar, ikincisi yeşil renkte parlar ve üçüncü mavidir. Her bir adımın parlaklığı, sayıların 0 ila 255 arasında bulunduğu bir cetvel kullanılarak ayarlanabilir. Buna göre, adım ışığı için sıfır değeri ayarlarsanız, o zaman kapanır ve değer 255 ise, parlamaz ve parlamaz Projektör en parlak rengi verir.

Bu yüzden, kırmızı ve yeşil bir spot ışığı ile aynı noktada parlarken, o zaman siyah duvarda fark edeceksiniz. sarı nokta. Kırmızı ve mavi bir şekilde birleştirirseniz, mor bir rengi ortaya çıkarır ve yeşil ve mavi birleştirirseniz, siyah duvardaki ışık noktası mavi renkte olacaktır, ancak üç spot ışığını nokta başına yönlendirirseniz, ışık noktası olacaktır. beyaz.

Yukarıda tarif edilen prensip RGB modelinin altını çizer ve tarayıcı sayfasındaki HTML öğelerindeki renkleri manipüle etmek için kullanılır.

Elementlerin rengini değiştirmek için HTML öznitelikleri: elemanın arka plan rengi ve elemanın içindeki metnin rengini

Sayfa öğelerini benzersiz yapmak için kullanılır. HTML nitelikleriyle, elemanların rengini manipüle edebiliriz:

1. HTML özniteliği rengi. Bu özellik, HTML öğesinin içindeki metin rengini değiştirmenizi sağlar. Öznitelik, HTML renkleri çağrıları biçiminde ve bir onaltılık sayı sisteminde ve ondalık sayı sisteminde RGB model kodlarını kullanarak değerleri alabilir. Renk niteliği, bazı HTML öğelerinin içindeki metin rengini değiştirmenizi sağlayan benzersiz bir HTML özniteliğidir.
2. HTML metin niteliği. Bu özellik benzersiz bir etiket niteliğidir. . Etiket Etiketler ile birlikte ve Form. Eğer hatırlarsan, o zaman kabın içinde Öğeler, ardından görüntüleme alanındaki tarayıcı tarafından görüntülenir. Metin niteliği ayarlamanızı sağlar tüm HTML sayfaları için varsayılan metin rengi.
3. HTML özniteliği BGColor. Aynı zamanda benzersiz bir HTML özelliğini temsil eder ve bazı HTML öğelerinin arka plan rengini değiştirmenizi sağlar.
4. HTML VLINK özniteliği. Bu özellik benzersizdir ve sadece TEU için geçerlidir. Kullanıcının zaten ziyaret ettiği referansın rengini değiştirmek için.
5. HTML Allink özniteliği. Bu özellik aynı zamanda benzersizdir ve yalnızca TEU'ya uygulanır. . Allink özniteliği, aktif HTML referansının rengini değiştirir.
6. HTML bağlantı niteliği. Link özniteliği sadece etiketle kullanılır Ve kullanıcıyı ziyaret etmediği HTML Bağlantıları sayfalarının rengini değiştirmeye yarar.

Not: HTML öğelerinin rengini değiştirmek için öznitelikleri kullanın, çünkü var çünkü basamaklı tablolar Bir Web sayfasının tasarımını içeriğinden ayırmanıza izin veren stiller.

HTML'de Ondalık Renk Kodlarını Kullanma

Böylece, profesyonelin, 0'dan 255 arasında numaralandırıldığı özel bir çizgi kullanarak, ışığın parlaklığını ayarlayabileceğini söyledik. Ve şimdi HTML elemanlarının rengini değiştirmemize nasıl yardımcı olacağını görelim. Mesele şu ki, HTML öğesinin içindeki metnin renginin veya HTML'deki arka plan renginde, aşağıdaki gibi bir ondalık kodu kullanarak değiştirebiliriz:

Vücut kabının örnekte olduğu gibi tanımlanacağı bir HTML belgesi oluşturursanız, göreceksiniz:

1. HTML belgesinin rengi yeşildi: bgcolor \u003d "rgb (0.255.0)".
2. Renk html metni Sayfalar mavi olacaktır: metin \u003d "RGB (0,0,255)".
3. Kullanıcının ziyaret etmediği HTML renk bağlantıları beyaz olacaktır: link \u003d "rgb (255,255,255)".
4. Şu anda açık olan çiçekler referansı siyah olacaktır: Allink \u003d "RGB (0,0,0)".
5. Ve zaten ziyaret ettiği HTML referanslarının rengi kırmızı olacaktır: vlink \u003d "rgb (255,0,0)".

Lütfen dikkat: Kimse "Spotlight gücünü" kendi takdirine bağlı olarak düzenlemenizi yasaklamaz, hTML rengini ayarlaÖrneğin, bu şekilde:

rGB (94, 85, 50)

Ve çocuğun sürprizinin rengini alın. Bu, RGB modelinin özelliği, esnekliği ve rahatlığıdır. Monitörünüz, spot ışığını parlayan siyah bir duvardır ve bu profesyonellerin gücünü ayarlayabilir ve bir ondalık sayı sisteminde HTML özniteliklerini kullanarak her türlü arka plan, metin ve linkleri oluşturabilirsiniz, ya da şunları söyleyebilirsiniz: ondalık renk kodları ile.

Aslında hTML'de Ondalık Renk Kodları Söylemesi YanlışSöylemesi daha doğru olacak ondalık RGB Renk Kodları, bu model Sadece HTML ve CSS'de web sayfalarını tasarlamak için değil.

Hex HTML Renk Değerleri

RGB modelinin ondalık kodlarıyla HTML elemanlarının rengini ayarlayın Çok uygun değildir (ve şu anda tüm tarayıcıların rengi manipüle etmenin bu yolu desteklemediği için), çünkü rekor en kompakt olmayacağından, rengi belirlemek için çok daha uygun olmayacağından HexadeMimal değerli HTML öğelerinin. Aşağıdaki şekilde, ondalık değerlerin nasıl onaltılık olarak dönüştürüldüğünü görebilirsiniz.

Onaltılık sayı sistemine aşina olmayanlar için, kolayca olabilmeniz için biraz açıklama yapmalısınız. hexadecimal RGB modelleriyle HTML renk öğelerini manipüle edin. İlk olarak, ondalık sayı sistemi, herhangi bir numara on rakamın bir kombinasyonu ile elde edilebileceği için adlandırılır (terminoloji önemlidir: sayı ve rakam arasında bir fark vardır): 0, 1, 2, 3, 5, 6, 7, 8, 9.

Onaltılık bir sayı sisteminde, on altı hane bir kombinasyonu kullanılarak herhangi bir sayı yazılabilir: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Anlaşmayı kolaylaştırmak için, A'nın on olduğunu varsayabilirsiniz ve F onbeş. Örneğin, on altı numara bir onaltılık sayı sisteminde aşağıdaki gibi kaydedilecektir: 10. ve 255 sayısı FF olarak kaydedilecektir.

Şimdi nasıl yapabileceğimizi görelim hTML öğelerinin rengini onaltılık değerlerle ayarlayın, Biz önceki örneğimizi tekrarlıyoruz, ondalık basamaklı analoglarındaki ondalık renk kodlarını değiştiriyoruz:

< body alink = ”# 000000 "link \u003d" # ffffff "vlink \u003d" ff0000 "bgcolor \u003d" # 00fff00 "metin \u003d" # 0000FF "\u003e

Not: hTML'de HTML'de Renk Kaydı, biraz daha kompaktOndalıktan daha önce, ilk. İkincisi: Her bir araştırmanın gücü 0 ila 255 arasında sayılarla ayarlanır. Sayıları (255) kaydetmek için, onaltılık biçiminde (FF \u003d 250) iki hane gerekir, bu nedenle her renk kanalının parlaklığı , renk kanalı) 0'dan f arasında iki sayı ile ayarlanır.

NOT: Her renk kanalının parlaklığı ayrı ayrı ayarlanır, ancak bunun bir numara olduğunu bildirirseniz, onaltılık RGB model numarası sisteminde mümkün olan maksimum sayı FFFFF'ye eşittir, bize beyaz bir renk verir ve ondalık bastırılır. Sistem: 16 777 215. Böyle bir sayıda renk ve gölge, RGB modelini ayarlamanızı / kullanmanızı sağlar. Bu sayı, her renk kanalının sırasıyla 256 parlaklık değeri (0 - 255), 256 * 256 * 256 \u003d 16 777 215 olması gerçeğinden elde edilir.

Skentli HTML renkleri daha kompakt ve görsel, HTML'deki manipülasyon rengi için web tasarımcılarının ve ayak vuruşlarının çoğu, tam olarak onaltılık değerleri kullanır, bu nedenle ondalık renk kaydının ondalık formuna alışmamanızı öneririz ve hemen onaltılık kullanın.

Acemi tasarımcının veya vestistin başlangıçta onaltılık renk kaydı biçiminde gezinmesi zor olacağı açıktır, bu nedenle hemen hemen her grafik editörü, istenen rengi seçmenize ve farklı için kodu almanızı sağlayan sözde renk paleti vardır. renk modelleri farklı sistemler Not.

Bir renk seçmek ve değiştirmek istediğinizde çok uygun olan palet uzantıları gibi bazı metin editörü. Bu konuda hakkında hiçbir şey söyleyemem.

HTML'deki çiçek isimleri

HTML nitelikleri bir değer olarak alabilir sadece ondalık kodlar ve onaltılık değerler değil, ama aynı zamanda özel renk isimleri. HTML öğelerinin rengini adıyla değiştirin en başarılı fikir değildir. Birincisi, HTML'deki renklerin adının arkasında RGB modelinin kodunu yatırır, ikincisi, her tarayıcı, adı farklı bir şekilde kullanılarak belirtilen öğenin HTML rengini görüntüler, yalnızca tarayıcı geliştiricilerin arzusuna bağlıdır.

bu nedenle hTML'de renk adı kullanarak önerilmez.. RGB modeli donanım bağımlısıdır ve ad tarafından belirtilen renk, tarayıcıya ve hatta sürümüne bağlıdır. HTML sayfalarının renk elemanlarını adını kullanarak ayarlamaya çalışalım:

< body alink = ”black ”link = ”#white "vlink \u003d" red "bgcolor \u003d" yeşil "metin \u003d" mavi "\u003e

Anladıkça, çok fazla renk ve gölge var. HTML özelliklerinin bir gradyan ayarlamasına izin vermemesine dikkat çekmeye değer, böyle bir fırsat CSS'dedir, ancak bunun hakkında başka bir kayıtta konuşacağız. Ve HTML'deki birçok renk için isimler var. HTML'deki renklerin adını ve sitemde bulabileceğiniz RGB kodları ile masa.

Yukarıdan gelen tablo gösterir bir isim kullanarak belirtirseniz, hangi rengi bir HTML öğesi alacak. Bu tablo 16 renk ve W3C konsorsiyumu tarafından onaylanan isimleri ve herhangi bir tarayıcıda eşit olarak gösterilmelidir. Ancak aslında, HTML'de, ana tarayıcıları destekleyen yaklaşık 200 renk adını kullanabilirsiniz: Opera, Chrome, Firefox, Safari, Internet Explorer (son bu ifadenin pahasına).

HTML'de Renk Paleti

Aslında hTML'de renk paleti yok. Kelime paleti tanımını hatırlayalım. Palet, sanatçının boyayı karıştırdığı ve her türlü rengi aldığı dörtgen veya oval bir formun küçük ince bir tabağıdır. Bazen palette başparmak için bir delik açın, böylece onu tutmak rahattı. Aşağıda bulacağınız paletin görüntüsü. Bu nedenle, HTML'de bir palet yoktur.

Ama çeşitli metin editörleri var eklentiler paleti renklerikim yardım HTML öğesinin rengini hızlıca toplayın. Ayrıca, grafik editörlerde bir renk paleti var, çünkü tasarımcı oturmak ve hesaplamak için çok uygun ve eğlenceli değil: bir kanalın bir veya başka bir parlaklığında ne renk çıkacak? Aşağıdaki şekilde, boya editörünün en basit paletini görebilirsiniz.

Renk paletlerinin birçok modülünün ve eklentisinin, renk kodunu yalnızca RGB / RGBA formatında değil, diğer modellerin biçiminde de almanıza izin verir. Hatırlamak html paletlerinde, iyi, kemiklerin beynine bir sanatçı mıdır ve hTML sayfalarının renklerinin paletini arayınBunu tasarlamak için kullanıldı (sonuçta, bazen paletin bir veya başka bir sanatçının veya belirli bir resim oluşturmada kullanılan renklerin renkleri olarak adlandırılır).

HTML'deki metnin rengini değiştirmeyi öğrenme

Aldık hTML'deki renkler hakkında çok fazla teoriHadi Pratik Yapalım ve Deneyelim hTML elemanlarının renkleri ile çalışın. İlk önce yapmayı öğreneceğiz - hTML belgesinde metin rengini değiştirin Özel nitelikler ve etiketler ile. Herhangi bir editörü açın ve aşağıdaki kodu yazın:

HTML'de renkle çalışmayı öğrenme

Metnin rengini değiştirin

Metnin rengini değiştirmek için, vücut metin öğesinin benzersiz bir özelliğini kullanabilir ve yazı tipi öğesini ve renk niteliğini kullanabiliriz. Bu metnin gri olacak.

< ! DOCTYPE html > < html lang = "ru-RU" > < head > < meta charset = "UTF-8" > < title > ChangeEableClottechtml Belgesi< / title > < link rel = "stylesheet" type = "text/css" href = "style.css" / > < / head > < body text = "#ff0000" > < h1 > < font color = "rgb(0,255,0)" > ÖğrenmeStvstml< / font > < / h1 > < h2 > < font color = "yellow" > Değişim değişikliği< / font > < / h2 > < p > Tsvetatestama'nın sunumu için etli bir kullanıcı aTTRIENTIBUTETBODY Metin, ElementFont kullanarak eki < / body > < / html >

Bu dosya Color.html gibi tasarruf ettim ve unutmamanızı tavsiye ederim. Ondalık sayı sistemindeki renk girişi, Krom, Firefox ve Opera'yı desteklemez, ancak böyle bir renk girişi, HTML başlığını yeşil anlar ve vurgulamaktadır:

Doğru konuşurken, metnin rengini HTML'deki rengini değiştirmemektedir, ancak HTML'deki yazı tipinin rengini değiştirin. Profesyonel

Renkleri ayarlamak için, sayılar onaltılık kodda kullanılır. Onaltılık sistemden farklı olarak, ondalık sistemden farklı olarak, 16 numaralı sayısı arasında, adından aşağıdaki gibidir. Numaralar aşağıdakiler olacaktır: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. 10 ila 15 arasındaki rakamlar latin harflerle değiştirilir. Sık numaralar, onaltılık sistemde 15'ten fazla, birinde iki sayının kombinasyonu ile oluşturulur. Örneğin, ondalık sistemdeki 255 sayısı, onaltılık sistemdeki FF sayısına karşılık gelir. Sayı sisteminin tanımındaki karışıklığı karıştırmamak için, ızgara sembolü onaltılıktan önce ayarlanır, örneğin # 666999. Üç renkteki her biri kırmızı, yeşil ve mavidir - 00'dan FF'ye değer alabilir. Böylece, rengin tanımı, ilk iki karakterin rengin kırmızı bileşenini işaret ettiği, iki orta - yeşil ve son ikisi mavi olduğunda, #rrggbb #rrggbb'ye ayrılmıştır. Her karakterin çift katlanması gereken kısaltılmış #RGB biçimini kullanmasına izin verilir. Böylece, kayıt # FE0 # FFEE00 olarak kabul edilmelidir.

Başlığa göre

Internet Explorer.	Krom.	Opera.	Safari.	Firefox.	Android	iOS.
4.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Tarayıcılar, bazı renkleri adlarına göre desteklemektedir. Sekmesinde. Şekil 1, RGB, HSL biçiminde ve açıklamasındaki isimleri, onaltılık kodları, değerleri gösterir.

Masa. 1. çiçek isimleri

İsim vermek	Renk	Kodu	RGB.	Hsl	Açıklama
beyaz		#Fffffff veya #fff.	rGB (255,255,255)	hSL (% 0.0,% 100)	Beyaz
gümüş		# C0c0c0.	rGB (192,192,192)	hSL (% 0.0,% 75)	Gri
gri.		#808080	rGB (128,128,128)	hSL (% 0.0,% 50)	Koyu gri
siyah.		# 000000 veya # 000	rGB (0,0,0)	hSL (% 0.0,% 0)	Siyah
bordo.		#800000	rGB (128,0,0)	hSL (% 0.100,% 25)	Koyu Kırmızı
kırmızı		# Ff0000 veya # f00	rGB (255,0,0)	hSL (% 0.100,% 50)	Kırmızı
portakal		# Ffa500.	rGB (255,165,0)	hSL (% 38.8.100,% 50)	Portakal
sarı		# Ffff00 veya # ff0	rGB (255,255,0)	hSL (% 60,100,% 50)	Sarı
zeytin.		#808000	rGB (128,128.0)	hSL (% 60,100,% 25)	zeytin
kireç		# 00ff00 veya # 0F0	rGB (0.255.0)	hSL (% 120.100,% 50)	Açık yeşil
yeşil.		#008000	rGB (0.128.0)	hSL (% 120,100,% 25)	Yeşil
aqua.		# 00ffff veya # 0ff	rGB (0,255,255)	hSL (% 180.100,% 50)	Mavi
mavi		# 0000ff veya # 00f	rGB (0,0,255)	hSL (% 240.100,% 50)	Mavi
dONANMA.		#000080	rGB (0,0,128)	hSL (% 240.100,% 25)	Koyu mavi
teal.		#008080	rGB (0,128,128)	hSL (% 180.100,% 25)	Sinsi yeşili
fuşya.		# Ff00ff veya # f0f	rGB (255,0,255)	hSL (% 300,100,% 50)	Pembe
mor.		#800080	rGB (128,0,128)	hSL (% 300,100,% 25)	Mor

RGB kullanma

Internet Explorer.	Krom.	Opera.	Safari.	Firefox.	Android	iOS.
5.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Ondalık hesaptaki kırmızı, yeşil ve mavi bileşenin değerlerini kullanarak rengi belirleyebilirsiniz. Üç renk bileşeninin her biri 0 ila 255 arasında bir değer alır. Rengi yüzde oranı olarak ayarlamak için de izin verilir ve% 100, 255 numaraya karşılık gelecektir. İlk olarak, RGB anahtar sözcüğü belirtilir ve ardından parantez içinde, RGB (255, 128, 128) veya RGB gibi renk bileşenleri (% 100,% 50,% 50).

Rgba

Internet Explorer.	Krom.	Opera.	Safari.	Firefox.	Android	iOS.
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

RGBA formatı RGB'deki sözdizimine benzer, ancak elemanın saydamlığını belirten bir alfa kanalı içerir. 0 değeri tam saydamlığa, 1 - opaklığa ve ara değer 0,5 - yarı saydam gibi görünüyor.

RGBA CSS3'e eklendi, böylece CSS kodu doğrulaması bu sürüme göre yapılmalıdır. CSS3 standardının hala gelişmede olduğu ve içinde bazı olanakların değişebileceği belirtilmelidir. Örneğin, arka plan renk özelliğine eklenen RGB formatındaki renk doğrulama geçer ve arka plan zaten özelliğe eklenmiştir. Aynı zamanda, tarayıcılar her iki özelliğin de rengini oldukça doğru bir şekilde anlıyor.

Hsl

Internet Explorer.	Krom.	Opera.	Safari.	Firefox.	Android	iOS.
9.0+	1.0+	9.6+	3.1+	3.0+	2.1+	2.0+

HSL formunun adı, ilk ton harflerinin (tonu), dumanaya ve hafiflik (Svetlota) kombinasyonundan oluşturulur. Gölge, renk çemberindeki renk değeridir (Şekil 1) ve derecelerde ayarlanır. 0 ° kırmızı bir renge, 120 ° - yeşil ve 240 ° - mavi karşılık gelir. Gölge değeri 0 ila 359 arasında değişebilir.

İncir. 1. Renkli Daire

Doygunluk rengin yoğunluğudur,% 0 ila% 100 yüzdesi olarak ölçülür. % 0 değeri, renk ve gri gölge,% 100 maksimum doygunluk değeri olmadığını gösterir.

Svetlota, rengin ne kadar parlak olduğunu belirler ve% 0 ila% 100 oranında bir yüzde olarak gösterilir. Küçük değerler rengi daha koyu ve yüksek çakmak, aşırı değerleri% 0 ve% 100, siyah ve beyaz renge karşılık gelir.

Hsla

Internet Explorer.	Krom.	Opera.	Safari.	Firefox.	Android	iOS.
9.0+	1.0+	10.0+	3.1+	3.0+	2.1+	2.0+

HSLA formatı, HSL sözdizimine benzer, ancak elemanın saydamlığını belirten bir alfa kanalı içerir. 0 değeri, tam şeffaflığa, 1 - opaklığa ve 0.5 saydamlığı gibi ara değere karşılık gelir.

RGBA, HSL ve HSLA formatlarında renk değerleri CSS3'e eklenir, bu nedenle bu formatları kullanırken, versiyonu dikkate alarak geçerlilik kodunu kontrol edin.

HTML5 CSS2.1 CSS3 IE CR OP SA FX

Bir uyarı

Sitede listelenen tüm aslan balıkçılık yöntemleri teoriktir ve bilgi işlem yöntemlerine dayanır. Yazarlar, kullanırken güvenliğinizi garanti etmemekte ve sonuç için tüm sorumluluğu giderir. Unutma, aslan bir avcı ve tehlikeli bir hayvandır!

Sonuç bu örnek Şekil l'de gösterilmiştir. 2.

İncir. 2. Bir web sayfasındaki renkler

HTML'de, renk üç şekilde ayarlanabilir:

HTML'deki görev rengi adı ile

Bazı renkler, adı rengini kullanarak isimleri ile belirtilebilir. ingilizce dili. En genel anahtar kelimeler: Siyah (siyah), beyaz (beyaz), kırmızı (kırmızı), yeşil (yeşil), mavi (mavi) ve DR:

Metin rengi - kırmızı

En popüler konsorsiyum standart renkleri Dünya çapında Ağ (Eng. World Wide Web Consortium, W3C):

Renk	İsim vermek	Renk	İsim vermek	Renk	İsim vermek	Renk	İsim vermek
	Siyah.		Gri.		Gümüş		Beyaz
	Sarı		Kireç		Aqua.		Fuşya.
	Kırmızı		Yeşil.		Mavi		Mor.
	Bordo.		Zeytin.		DONANMA.		Teal.

Çeşitli renk adlarını kullanma örneği:

Örnek: adına göre renk görevi

• Kendin dene "

Kırmızı bir arka plan üzerinde başlık

Turuncu bir arka plan üzerinde başlık

Lyme arka plan başlığı

Mavi zemin üzerine beyaz metin

Kırmızı bir arka plan üzerinde başlık

Turuncu bir arka plan üzerinde başlık

Lyme arka plan başlığı

Mavi zemin üzerine beyaz metin

RGB kullanarak renk görevi

Monitörde farklı renkleri görüntülerken, RGB paleti temeli olarak alınır. Üç ana karıştırılarak herhangi bir renk elde edilir: R - kırmızı (kırmızı), G - Yeşil (Yeşil), Mavi Mavi). Her rengin parlaklığı bir bayt tarafından ayarlanır ve bu nedenle, 0 ila 255 arasında değer alabilir. Örneğin, RGB (255.0.0) kırmızı olarak gösterilir, çünkü kırmızı en yüksek değerine (255) monte edilir (255) ve gerisi 0 olarak ayarlanmıştır. Ayrıca yüzde bir renk belirleyebilirsiniz. Parametrelerin her biri, karşılık gelen rengin parlaklığının seviyesini gösterir. Örneğin: RGB değerleri (127, 255, 127) ve RGB (% 50,% 100,% 50) aynı yeşil doygunluk rengini ayarlayacaktır:

Örnek: RGB kullanarak görev rengi

• Kendin dene "

rGB (127, 255, 127)

rGB (% 50,% 100,% 50)

RGB (127, 255, 127)

RGB (% 50,% 100,% 50)

Hexadecimal'de renk ayarla

Değerler R. G. B. Ayrıca HexadeMimal (Hex) renk değerleri kullanılarak da belirtilebilir: #rrggbb, burada RR (kırmızı), GG (yeşil) ve BB (mavi) onaltılık değerler 00'dan FF'ye (sadece ondalık 0-255). Onaltılık sistemin aksine, ondalık sistemin aksine, 16 arasında, 16 kişi arasında, onaltılık sistem aşağıdaki işaretleri kullanır: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, ve, B, C, D, E, F. Burada 10 ila 15 arasındaki sayılar Latin harflerle değiştirilir. Sık sayılar, onaltılık bir sistemde 15'ten fazla, bir değere iki karakterle ilişkilendirilir. Örneğin, ondalık sistemdeki en yüksek 255 sayısı, onaltılık sistemdeki en yüksek FF değerine karşılık gelir. Ondalık sistemin aksine, onaltılıktan önce, kafes sembolü koymak # Örneğin, # FF0000, kırmızı renk olarak görüntülenir, çünkü kırmızı en yüksek değerine (FF) monte edilir ve kalan renkler minimum değere (00) ayarlanır. Kafes sembolünden sonra işaretler # Hem büyük hem de satırı çevirebilirsiniz. Onaltılık sistem, her karakterin çift taraflı olduğunda, #RGB formunun kısaltılmış şekline izin verir. Bu nedenle, kayıt # F7O # FF7700 olarak kabul edilmelidir.

Örnek: Color 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 \u003d sarı: # ffff00

Kırmızı + mavi \u003d mor: # ff00ff

Yeşil + mavi \u003d mavi: # 00ffff

Yaygın renklerin listesi (İsim, Hex ve RGB):

ingilizce isim	Rus ismi	Örneklem	Hex.	RGB.
solmayan çiçek	Amante		# E52B50.	229	43	80
Amber	Amber		# Fbf00.	255	191	0
Aqua.	Sinsi yeşili		# 00ffff.	0	255	255
Azure.	Azure		# 007fff.	0	127	255
Siyah.	Siyah		#000000	0	0	0
Mavi	Mavi		# 0000ff.	0	0	255
Bondi mavi	Su Beach Bondi		# 0095b6.	0	149	182
Pirinç.	Pirinç		# B5A642.	181	166	66
Kahverengi.	Kahverengi		# 964b00.	150	75	0
Cerulean.	Azure		# 007BA7.	0	123	167
Koyu bahar yeşil.	Koyu bahar yeşil		#177245	23	114	69
Zümrüt.	Zümrüt		# 50c878.	80	200	120
Patlıcan.	Patlıcan		#990066	153	0	102
Fuşya.	Fuşya		# Ff00ff.	255	0	255
ALTIN.	Altın		# Ffd700.	250	215	0
Gri.	Gri		#808080	128	128	128
Yeşil.	Yeşil		# 00ff00.	0	255	0
İndigo.	İndigo		# 4b0082.	75	0	130
Yeşim	Yeşim		# 00A86b.	0	168	107
Kireç	Kireç		# Ccff00.	204	255	0
Malakit.	Malakit		# 0BDA51	11	218	81
DONANMA.	Koyu mavi		#000080	0	0	128
Okra	Okra		# Cc7722.	204	119	34
Zeytin.	zeytin		#808000	128	128	0
Portakal	Portakal		# Ffa500.	255	165	0
Şeftali.	şeftali		# Ffe5b4	255	229	180
Kabak.	Kabak		# Ff7518	255	117	24
Mor.	Mor		#800080	128	0	128
Kırmızı	Kırmızı		# Ff0000.	255	0	0
Safran.	Safran		# F4c430	244	196	48
Deniz yeşili.	Yeşil deniz		# 2e8b57	46	139	87
Bataklık yeşili.	Bolotnaya		# ACB78E.	172	183	142
Teal.	Sinsi yeşili		#008080	0	128	128
Ultraramarin.	Lacivert		# 120a8f.	18	10	143
Menekşe.	Mor		# 8b00ff.	139	0	255
Sarı	Sarı		# Ffff00.	255	255	0

Doygunluk ve gölgede çiçek kodları (arka plan).