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
İnternet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
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.
Ben | Kolir | Kod | RGB | HSL | Tanım |
---|---|---|---|---|---|
beyaz | #ffffff veya #ffff | rgb(255,255,255) | hsl(%0,0,%100) | Billy | |
gümüş | #c0c0c0 | RGB(192,192,192) | hsl(0,0%,75%) | Suriye | |
gri | #808080 | RGB(128,128,128) | hsl(%0,0,%50) | Koyu gri | |
siyah | #000000 veya #000 | RGB(0,0,0) | hsl(0,0%,0%) | Azgın | |
kestane rengi | #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ızıl altın | |
turuncu | #ffa500 | RGB(255,165,0) | hsl(38,8,100%,50%) | Turuncu | |
sarı | #ffff00 veya #ff0 | RGB(255,255,0) | hsl(60,100%,50%) | Zhovtiy | |
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%) | Zeleny | |
su | #00ffff veya #0ff | RGB(0,255,255) | hsl(180,100%,50%) | Blakitny | |
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 | |
turkuaz | #008080 | RGB(0,128,128) | hsl(180,100%,25%) | Mavi-yeşil | |
fuşya | #ff00ff veya #f0f | RGB(255,0,255) | hsl(300,100%,50%) | Rojeviy | |
mor | #800080 | RGB(128,0,128) | hsl(300,100%,25%) | Menekşe |
Daha fazla yardım için RGB
İnternet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
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 yüksek kaliteli bir renk için renk ayarlamak da mümkündür. Başlangıçta rgb anahtar kelimesi belirtilir, ve ardından bileşenleri ve renkleri söyleyen kollar için, örneğin rgb(255, 128, 128) veya RGB (%100, %50, %50).
RGBA
İnternet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
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 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
İnternet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
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
İnternet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
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 - artan 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 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ırmızı, yeşil ve mavi olmak üzere üç ışık tonundan 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 (onaltı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)
Kolir | HEX kodu | RGB kodu |
---|---|---|
#000000 | RGB(0,0,0) | |
#FF0000 | RGB(255,0,0) | |
#00FF00 | rgb(0,255,0) | |
#0000FF | RGB(0,0,255) | |
#FFFF00 | RGB(255,255,0) | |
#00FFFF | RGB(0,255,255) | |
#FF00FF | RGB(255,0,255) | |
#C0C0C0 | RGB(192,192,192) | |
#FFFFFF | rgb(255,255,255) |
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:
Kızıl altın | HEX kodu | RGB kodu |
---|---|---|
#000000 | RGB(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | RGB(16,0,0) | |
#180000 | RGB(24,0,0) | |
#200000 | RGB(32,0,0) | |
#280000 | RGB(40,0,0) | |
#300000 | RGB(48,0,0) | |
#380000 | RGB(56,0,0) | |
#400000 | RGB(64,0,0) | |
#480000 | RGB(72,0,0) | |
#500000 | RGB(80,0,0) | |
#580000 | RGB(88,0,0) | |
#600000 | RGB(96,0,0) | |
#680000 | rgb(104,0,0) | |
#700000 | RGB(112,0,0) | |
#780000 | RGB(120,0,0) | |
#800000 | RGB(128,0,0) | |
#880000 | RGB(136,0,0) | |
#900000 | RGB(144,0,0) | |
#980000 | RGB(152,0,0) | |
#A00000 | RGB(160,0,0) | |
#A80000 | RGB(168,0,0) | |
#B00000 | RGB(176,0,0) | |
#B80000 | RGB(184,0,0) | |
#C00000 | RGB(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | RGB(208,0,0) | |
#D80000 | RGB(216,0,0) | |
#E00000 | RGB(224,0,0) | |
#E80000 | RGB(232,0,0) | |
#F00000 | RGB(240,0,0) | |
#F80000 | RGB(248,0,0) | |
#FF0000 | RGB(255,0,0) |
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.
Grinin tonları | HEX kodu | RGB kodu |
---|---|---|
#000000 | RGB(0,0,0) | |
#080808 | RGB(8,8,8) | |
#101010 | RGB(16,16,16) | |
#181818 | RGB(24,24,24) | |
#202020 | RGB(32,32,32) | |
#282828 | RGB(40,40,40) | |
#303030 | RGB(48,48,48) | |
#383838 | RGB(56,56,56) | |
#404040 | RGB(64,64,64) | |
#484848 | RGB(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | RGB(88,88,88) | |
#606060 | RGB(96,96,96) | |
#686868 | RGB(104,104,104) | |
#707070 | RGB(112,112,112) | |
#787878 | RGB(120,120,120) | |
#808080 | RGB(128,128,128) | |
#888888 | RGB(136,136,136) | |
#909090 | RGB(144,144,144) | |
#989898 | RGB(152,152,152) | |
#A0A0A0 | RGB(160,160,160) | |
#A8A8A8 | RGB(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | RGB(184,184,184) | |
#C0C0C0 | RGB(192,192,192) | |
#C8C8C8 | rgb(200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | RGB(232,232,232) | |
#F0F0F0 | RGB(240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
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, bordo (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 listesine sahipseniz:
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 | 33CCFF |
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 | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
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 |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
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 |
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:
Kolir | İsim | Kolir | İsim | Kolir | İsim | Kolir | İsim |
---|---|---|---|---|---|---|---|
Siyah | Gri | Gümüş | Beyaz | ||||
Sarı | Kireç | Su | Fuşya | ||||
Kırmızı | Yeşil | Mavi | Mor | ||||
Bordo | zeytin | Donanma | turkuaz |
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 daha sonra 0 ile 255 arasında değişen değerlere ayarlanabilir. Örneğin, RGB (255,0,0), en yüksek değere kırmızı eklendiğinden kırmızı olarak görüntülenir. (255) ve diğerleri 0 olarak ayarlanır. Ayrıca görüntü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):
ingilizce isim | Rus adı | Zrazok | altıgen | RGB | ||
---|---|---|---|---|---|---|
solmayan çiçek | Amarantyum | #E52B50 | 229 | 43 | 80 | |
kehribar | Burştinovy | #FFBF00 | 255 | 191 | 0 | |
Su | Mavi-yeşil | #00FFFF | 0 | 255 | 255 | |
Azure | Blakitny | #007FFF | 0 | 127 | 255 | |
Siyah | Azgın | #000000 | 0 | 0 | 0 | |
Mavi | Mavi | #0000FF | 0 | 0 | 255 | |
Bondi Mavisi | Bondi plaj suyu | #0095B6 | 0 | 149 | 182 | |
Pirinç | Pirinç | #B5A642 | 181 | 166 | 66 | |
Kahverengi | Kahverengi | #964B00 | 150 | 75 | 0 | |
gök mavisi | Blakitny | #007BA7 | 0 | 123 | 167 | |
Koyu bahar yeşili | Koyu bahar yeşili | #177245 | 23 | 114 | 69 | |
Zümrüt | Smaragdoviy | #50C878 | 80 | 200 | 120 | |
Patlıcan | Patlıcan | #990066 | 153 | 0 | 102 | |
Fuşya | Fuşya | #FF00FF | 255 | 0 | 255 | |
Altın | Altın | #FFD700 | 250 | 215 | 0 | |
Gri | Suriye | #808080 | 128 | 128 | 128 | |
Yeşil | Zeleny | #00FF00 | 0 | 255 | 0 | |
Çivit mavisi | Çivit mavisi | #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 | |
Turuncu | Turuncu | #FFA500 | 255 | 165 | 0 | |
şeftali | şeftali | #FFE5B4 | 255 | 229 | 180 | |
Kabak | Garbuz | #FF7518 | 255 | 117 | 24 | |
Mor | Menekşe | #800080 | 128 | 0 | 128 | |
Kırmızı | Kızıl altın | #FF0000 | 255 | 0 | 0 | |
Safran | Safran | #F4C430 | 244 | 196 | 48 | |
Deniz yeşili | Yeşil deniz | #2E8B57 | 46 | 139 | 87 | |
Bataklık yeşili | Bolotyany | #ACB78E | 172 | 183 | 142 | |
turkuaz | Mavi-yeşil | #008080 | 0 | 128 | 128 | |
Lacivert | Lacivert | #120A8F | 18 | 10 | 143 | |
Menekşe | Menekşe | #8B00FF | 139 | 0 | 255 | |
Sarı | Zhovtiy | #FFFF00 | 255 | 255 | 0 |
Yoğunluk ve renk için renk kodları (arka plan).
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, yazı tipinin rengini çeşitli renk aktarım sistemlerini kullanarak 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:
İsim | altıgen | RGB | Kolir |
---|---|---|---|
siyah | #000000 | 0,0,0 | |
gümüş | #C0C0C0 | 192,192,192 | |
gri | #808080 | 128,128,128 | |
beyaz | #FFFFFF | 255,255,255 | |
kestane rengi | #800000 | 128,0,0 | |
kırmızı | #FF0000 | 255,0,0 | |
mor | #800080 | 128,0,128 | |
fuşya | #FF00FF | 255,0,255 | |
yeşil | #008000 | 0,128,0 | |
kireç | #00FF00 | 0,255,0 | |
zeytin | #808000 | 128,128,0 | |
sarı | #FFFF00 | 255,255,0 | |
Donanma | #000080 | 0,0,128 | |
mavi | #0000FF | 0,0,255 | |
turkuaz | #008080 | 0,128,128 | |
su | #00FFFF | 0,255,255 |
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 #ffff girişinde gösterge olarak kullanılabileceğini garanti eder ve ekranın rengine bağlı olarak her türlü farklılığı ortadan kaldırır.
Fonksiyonel gösterimin RGB değer formatı rgb'dir (ardından üç sayısal değerden (veya üç tamsayı değeri veya üç yüzde bir değer) 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.
Web tasarımında rengi sunmanın çeşitli yolları vardır
HEX, renkleri 16'ya dayalı olarak sunan onaltılık bir sistemdir. Bu sistem için 16'ya kadar olan dijital sayıyı tamamlamak için 0'dan 9'a kadar Arapça onlar basamağı ve A'dan F'ye kadar Latin harfleri kullanılır. Web tasarımı için 16 ana (anahtar) renkler iv alınır, dolayısıyla on altıncı sıradadır. Renk kodu #RRGGBB'dir, burada her çift kendi parçasının rengini temsil eder: RR – kırmızı, GG – yeşil ve BB – mavi. Ten rengi 00 ile FF arasında değişir.
Web tasarımında rengin diğer iki tezahürü şunlardır: RGB(*,*,*) biçimindedir; burada rengin “*” kısmı 0'dan 255'e kadar onlarca rakamla ve renk adlarıyla temsil edilir. İ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
İsim | Kolir | Altıgen | (RGB) |
Su (morska hvilya) | #00FFFF | (000,255,255) | |
Siyah | #000000 | (000,000,000) | |
Mavi | #0000FF | (000,000,255) | |
Fuşya (macenta) | #FF00FF | (255,000,255) | |
Gri (seri) | #808080 | (128,128,128) | |
Yeşil | #008000 | (000,128,000) | |
Kireç (parlak yeşil) | #00FF00 | (000,255,000) | |
Bordo (koyu bordo) | #800000 | (128,000,000) | |
Lacivert (koyu mavi) | #000080 | (000,000,128) | |
zeytin | #808000 | (128,128,000) | |
Mor | #800080 | (128,000,128) | |
Kıpkırmızı) | #FF0000 | (255,000,000) | |
Gümüş | #C0C0C0 | (192,192,192) | |
Deniz mavisi (gri-yeşil) | #008080 | (000,128,128) | |
Beyaz | #FFFFFF | (255,255,255) | |
Sarı (zhovtiy) | #FFFF00 | (255,255,000) |
Masa mor renkler ve renkler
İsim | Kolir | Altıgen | (RGB) |
Macenta (mor) | #FFCBDB | (255,203,219) | |
Macenta (mor) | #FF0099 | (255,000,153) | |
Macenta (macenta) | #F95A61 | (249,090,097) | |
Fuşya (fuşya) | #FF00FF | (255,000,255) | |
Movein (anilin moru) | #EF0097 | (239,000,151) | |
Somon pembesi (turuncu-pas) | #FF91A4 | (255,145,164) | |
Cenise (morun tonu) | #DE3163 | (153,149,140) | |
Patlıcan Patlıcan (patlıcan) | #990066 | (153,000,132) | |
Lavanta allık (pembe-lavanta) |  #FFF0F5 | (255,240,245) | |
Leylak (boozkoviy) | #C8A2C8 | (200,162,200) | |
Macenta (macenta) | #FF008F | (255,000,143) | |
Orkide (orkide) | #DA70D6 | (218,112,214) | |
Kırmızı-mor (mor-kırmızı) | #C71585 | (199,021,133) | |
iyimser | #92000A | (146,000,010) | |
Devedikeni (mor tonu) | #D8BFD8 | (185,211,238) | |
Menekşe-patlıcan (morun bir tonu) | #991199 | (153,017,153) | |
Rosa vivo (kuluçkalanmış boynuz otu) | #FF007F | (255,000,127) | |
Lavanta-gül (morun bir tonu) | #FBA0E3 | (108,123,139) | |
Mountbatten pembe | #997ABD | (153,122,141) |
Masa gri renkler ve renkler
İsim | Kolir | Altıgen | (RGB) |
Gri (Suriye) | #808080 | (128,128,128) | |
Gri (Suriye) | #bebebe | (190,190,190) | |
(Siry-vidtinok) | #858585 | (133,133,133) | |
Gray33 (Suriye-33) | #545454 | (084,084,084) | |
(Sirogo arduvaz) | #708090 | (112,128,144) | |
(Kuvarsovy) | #99958с | (153,149,140) | |
(Svetlo efendim) | #bbbbbb | (187,187,187) | |
(Sriblyasty) | #c0c0c0 | (192,192,192) | |
(Siro-beyaz) | #f0f0f0 | (240,240,240) | |
(Borody Abdel-Kerim) | #e0e0e0 | (224,224,224) | |
AçıkGri (açık gri) | #d3d3d3 | (211,211,211) | |
LightStateGray() | #778899 | (119,136,153) | |
StateGray-1 (Blіdo-peygamber çiçeği mavisi1) | #c6e2ff | (198,226,255) | |
StateGray-2 (Blіdo-peygamber çiçeği mavisi2) | #b9d3ee | (185,211,238) | |
DurumGray3() | #9fb6cd | (159,182,205) | |
DurumGray4() | #6c7b8b | (108,123,139) |