Kişiler

Onaltılık renk kodu. Öğrenci HTML'si. RGB renkleri. Güvenli palet renkleri. Renk uyumu temelleri

  • 02.07.2020

Html sayfaları için renkler çoğunlukla onaltılık olarak belirtilir. Bunun için iki tür kod yazma kullanılır - tam veya kısaltılmış. Html rengini tam olarak doğru bir şekilde belirtmek için kafesten sonra altı karakter (sayılar ve/veya İngilizce harfler) yazmanız gerekir, örneğin siyah şöyle yazılır: # 000000. Html renklerini belirtmek için kısaltılmış bir gösterim, bir kafes ve arkasında üç sayı ve/veya harften oluşur. Ayrıca, bu tür stok, ancak bu rengin tam kaydı, kafesten sonra aynı sembollerden oluşuyorsa kullanılabilir. Örneğin aynı siyah renk şu şekilde yazılabilir: # 000. Büyük/küçük harf duyarlı olmadıkları için html renklerini hem büyük hem de küçük karakterlerle belirtebilirsiniz.

"#" dan sonra yazılan her karakter, kırmızı, yeşil ve mavi renklerin belirli bir oranına karşılık gelir. Buna karşılık, tüm monitörler, her biri 3 "el feneri" (ışık kaynakları) içeren çok sayıda pikselden (mikroskobik noktalar) oluşur: kırmızı, yeşil ve mavi. Ardından, bu "el fenerlerinin" yaydığı ışığın yoğunluğunu ayarlayarak monitör istediğimiz rengi gösteriyor.

Kırmızı, mavi ve yeşil ışığın (0'dan 256'ya kadar) emisyon yoğunluğunu birleştirerek, monitörler 16.000.000 farklı renk tonu görüntüleyebilir.

Ayrıca siteler için renkler sözlü veya RGB kodu ile belirtilebilir.

Bugüne kadar 147 renk sözlü olarak reçete edilebilir. Bazı farklı isimlerin aynı renkler anlamına gelebileceğini bilmek önemlidir, örneğin Gri ve Gri gridir (# 808080).

Web siteleri için güvenli renkler.

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

Örneğin, tarayıcının düzgün görüntüleyemediği bir renkle karşılaşırsanız:

  1. Tarayıcı, onu en çok benzeyen ve başarıyla yeniden üretilebilen ile değiştirir;
  2. Tarayıcı birkaç rengi karıştırabilir ve sonucu doğru görüntü için yeniden üretebilir.

Herhangi bir tarayıcıda ve herhangi bir monitörde çıktının kodda belirttiğiniz renk olduğundan emin olmak için "Güvenli renkler" kullanılması önerilir. Elle veya birinin isteği üzerine değil, matematiksel olarak belirlendiler. Html belgeleri için böyle %100 güvenli 216 renk vardır.Günümüzün teknolojileri, modern monitörlerin ve tarayıcıların milyonlarca tonu tanıdığı noktaya ulaşmış olsa da, renk üretimini garanti etmek için bu güvenli renkleri kullanmanızı öneririz.

HTML güvenli renk tablosu.
Onaltılık renk sistemi. RGB'deki renk kodları (Kırmızı, Yeşil, Mavi).
HTML renk kodu: # 000000 RGB rengi: 0 0 0
Renk için HTML kodu: # 333333 RGB rengi: 51 51 51
Html renk kodu: # 666666 RGB rengi: 102 102 102
HTML renk kodu: # 999999 RGB rengi: 153 153 153
Html renk kodu: #CCCCCC RGB rengi: 204 204 204
Html renk kodu: #FFFFFF RGB rengi: 255 255 255
Renk için HTML kodu: # 666600 RGB rengi: 102 102 0
HTML renk kodu: # 999900 RGB rengi: 153 153 0
Html renk kodu: # 999933 RGB rengi: 153 153 51
Renk için HTML kodu: # 999966 RGB rengi: 153 153 102
Html renk kodu: # CCCC33 RGB rengi: 204 204 51
Html renk kodu: # CCCC66 RGB rengi: 204 204 102
Renk için HTML kodu: # 333300 RGB rengi: 51 51 0
Html renk kodu: # 666633 RGB rengi: 102 102 51
Html renk kodu: # CCCC99 RGB rengi: 204 204 153
Html renk kodu: # CCFF33 RGB rengi: 204 255 51
Html renk kodu: # CCFF00 RGB rengi: 204 255 0
Html renk kodu: # CCFF66 RGB rengi: 204 255 102
Renk için HTML kodu: # 669900 RGB rengi: 102 153 0
Html renk kodu: # 99CC33 RGB rengi: 153 204 51
Html renk kodu: # 99CC00 RGB rengi: 153 204 0
Html renk kodu: # 99CC66 RGB rengi: 153 204 102
Html renk kodu: # 99FF33 RGB rengi: 153 255 51
Html renk kodu: # 99FF00 RGB rengi: 153 255 0
Renk için HTML kodu: # 336600 RGB rengi: 51 102 0
Html renk kodu: # 669933 RGB rengi: 102 153 51
Html renk kodu: # 66CC33 RGB rengi: 102 204 51
Html renk kodu: # 66CC00 RGB rengi: 102 204 0
Html renk kodu: # 99FF66 RGB rengi: 153 255 102
Html renk kodu: # CCFF99 RGB rengi: 204 255 153
HTML renk kodu: # 009900 RGB rengi: 0 153 0
HTML renk kodu: # 339900 RGB rengi: 51 153 0
HTML renk kodu: # 33CC00 RGB rengi: 51 204 0
Html renk kodu: # 33FF00 RGB rengi: 51 255 0
Html renk kodu: # 66FF33 RGB rengi: 102 255 51
Html renk kodu: # 66FF00 RGB rengi: 102 255 0
HTML renk kodu: # 00CC33 RGB rengi: 0 204 51
HTML renk kodu: # 33CC33 RGB rengi: 51 204 51
HTML renk kodu: # 00CC00 RGB rengi: 0 204 0
HTML renk kodu: # 00FF00 RGB rengi: 0 255 0
HTML renk kodu: # 00FF33 RGB rengi: 0 255 51
Html renk kodu: # 33FF33 RGB rengi: 51 255 51
Renk için HTML kodu: # 003300 RGB rengi: 0 51 0
Renk için HTML kodu: # 336633 RGB rengi: 51 102 51
Html renk kodu: # 669966 RGB rengi: 102 153 102
Html renk kodu: # 66CC66 RGB rengi: 102 204 102
Html renk kodu: # 99CC99 RGB rengi: 153 204 153
Html renk kodu: #CCFFCC RGB rengi: 204 255 204
HTML renk kodu: # 006600 RGB rengi: 0 102 0
Renk için HTML kodu: # 339933 RGB rengi: 51 153 51
Html renk kodu: # 00FF66 RGB rengi: 0 255 102
Html renk kodu: # 33FF66 RGB rengi: 51 255 102
Html renk kodu: # 66FF66 RGB rengi: 102 255 102
Html renk kodu: # 99FF99 RGB rengi: 153 255 153
Html renk kodu: # 009933 RGB rengi: 0 153 51
HTML renk kodu: # 00CC66 RGB rengi: 0 204 102
HTML renk kodu: # 33CC66 RGB rengi: 51 204 102
Html renk kodu: # 00FF99 RGB rengi: 0 255 153
Html renk kodu: # 33FF99 RGB rengi: 51 255 153
Html renk kodu: # 66FF99 RGB rengi: 102 255 153
Html renk kodu: # 006633 RGB rengi: 0 102 51
HTML kod rengi: # 009966 RGB rengi: 0 153 102
Renk için HTML kodu: # 339966 RGB rengi: 51 153 102
HTML renk kodu: # 00CC99 RGB rengi: 0 204 153
HTML renk kodu: # 33CC99 RGB rengi: 51 204 153
Html renk kodu: # 66CC99 RGB rengi: 102 204 153
Renk için HTML kodu: # 009999 RGB rengi: 0 153 153
HTML renk kodu: # 33CCCC RGB rengi: 51 204 204
Html renk kodu: # 00FFCC RGB rengi: 0 255 204
Html renk kodu: # 33FFCC RGB rengi: 51 255 204
Html renk kodu: # 66FFCC RGB rengi: 102 255 204
Html renk kodu: # 99FFCC RGB rengi: 153 255 204
HTML renk kodu: # 00CCCC RGB rengi: 0 204 204
Html renk kodu: # 00FFFF RGB rengi: 0 255 255
Html renk kodu: # 33FFFF RGB rengi: 51 255 255
Html renk kodu: # 66FFFF RGB rengi: 102 255 255
Html renk kodu: # 99FFFF RGB rengi: 153 255 255
Html renk kodu: #CCFFFF RGB rengi: 204 255 255
Renk için HTML kodu: # 336666 RGB rengi: 51 102 102
Html renk kodu: # 006666 RGB rengi: 0 102 102
Renk için HTML kodu: # 669999 RGB rengi: 102 153 153
Renk için HTML kodu: # 339999 RGB rengi: 51 153 153
Html renk kodu: # 66CCCC RGB rengi: 102 204 204
Html renk kodu: # 99CCCC RGB rengi: 153 204 204
HTML kod rengi: # 003333 RGB rengi: 0 51 51
HTML renk kodu: # 0099CC RGB rengi: 0 153 204
Html renk kodu: # 3399CC RGB rengi: 51 153 204
HTML renk kodu: # 00CCFF RGB rengi: 0 204 255
Html renk kodu: # 33CCFF RGB rengi: 51 204 255
Html renk kodu: # 66CCFF RGB rengi: 102 204 255
Html renk kodu: # 006699 RGB rengi: 0 102 153
Renk için HTML kodu: # 336699 RGB rengi: 51 102 153
Html renk kodu: # 6699CC RGB rengi: 102 153 204
HTML renk kodu: # 0099FF RGB rengi: 0 153 255
Html renk kodu: # 3399FF RGB rengi: 51 153 255
Html renk kodu: # 99CCFF RGB rengi: 153 204 255
HTML kod rengi: # 003366 RGB rengi: 0 51 102
HTML kod rengi: # 003399 RGB rengi: 0 51 153
HTML renk kodu: # 0033FF RGB rengi: 0 51 255
Html renk kodu: # 3366CC RGB rengi: 51 102 204
HTML renk kodu: # 0066CC RGB rengi: 0 102 204
HTML renk kodu: # 0066FF RGB rengi: 0 102 255
Html renk kodu: # 000033 RGB rengi: 0 0 51
HTML renk kodu: # 0033CC RGB rengi: 0 51 204
Html renk kodu: # 0000CC RGB rengi: 0 0 204
Html renk kodu: # 0000FF RGB rengi: 0 0 255
Renk için HTML kodu: # 3366FF RGB rengi: 51 102 255
Renk için HTML kodu: # 6699FF RGB rengi: 102 153 255
HTML renk kodu: # 000066 RGB rengi: 0 0 102
Html renk kodu: # 000099 RGB rengi: 0 0 153
HTML renk kodu: # 3333CC RGB rengi: 51 51 204
HTML renk kodu: # 3300CC RGB rengi: 51 0 204
Html renk kodu: # 3300FF RGB rengi: 51 0 255
Renk için HTML kodu: # 3333FF RGB rengi: 51 51 255
Renk için HTML kodu: # 333366 RGB rengi: 51 51 102
Html renk kodu: # 333399 RGB rengi: 51 51 153
Html renk kodu: # 666699 RGB rengi: 102 102 153
Html renk kodu: # 6666CC RGB rengi: 102 102 204
Renk için HTML kodu: # 6666FF RGB rengi: 102 102 255
Html renk kodu: # 9999CC RGB rengi: 153 153 204
Renk için HTML kodu: # 330066 RGB rengi: 51 0 102
Renk için HTML kodu: # 330099 RGB rengi: 51 0 153
Html renk kodu: # 6600FF RGB rengi: 102 0 255
Renk için HTML kodu: # 6633FF RGB rengi: 102 51 255
Html renk kodu: # 9999FF RGB rengi: 153 153 255
Html renk kodu: #CCCCFF RGB rengi: 204 204 255
Renk için HTML kodu: # 330033 RGB rengi: 51 0 51
Html renk kodu: # 663399 RGB rengi: 102 51 153
Html renk kodu: # 6633CC RGB rengi: 102 51 204
Html renk kodu: # 6600CC RGB rengi: 102 0 204
Html renk kodu: # 9966FF RGB rengi: 153 102 255
Html renk kodu: # 9966CC RGB rengi: 153 102 204
Html renk kodu: # 663366 RGB rengi: 102 51 102
Html renk kodu: # 660099 RGB rengi: 102 0 153
Html renk kodu: # 9900FF RGB rengi: 153 0 255
Renk için HTML kodu: # 9933FF RGB rengi: 153 51 255
Html renk kodu: # 9933CC RGB rengi: 153 51 204
Html renk kodu: # CC99FF RGB rengi: 204 153 255
Renk için HTML kodu: # 660066 RGB rengi: 102 0 102
Html renk kodu: # 996699 RGB rengi: 153 102 153
Html renk kodu: # 9900CC RGB rengi: 153 0 204
Html renk kodu: # CC00FF RGB rengi: 204 0 255
Html renk kodu: # CC33FF RGB rengi: 204 51 255
Html renk kodu: # CC66FF RGB rengi: 204 102 255
Html renk kodu: # 993399 RGB rengi: 153 51 153
HTML renk kodu: # 990099 RGB rengi: 153 0 153
HTML renk kodu: # CC33CC RGB rengi: 204 51 204
HTML renk kodu: # CC00CC RGB rengi: 204 0 204
HTML renk kodu: # CC66CC RGB rengi: 204 102 204
Html renk kodu: # CC99CC RGB rengi: 204 153 204
HTML renk kodu: # CC3399 RGB rengi: 204 51 153
Html renk kodu: # FF00FF RGB rengi: 255 0 255
Html renk kodu: # FF33FF RGB rengi: 255 51 255
Html renk kodu: # FF66FF RGB rengi: 255 102 255
Html renk kodu: # FF99FF RGB rengi: 255 153 255
Html renk kodu: #FFCCFF RGB rengi: 255 204 255
HTML renk kodu: # 990066 RGB rengi: 153 0 102
HTML renk kodu: # CC0099 RGB rengi: 204 0 153
HTML renk kodu: # CC6699 RGB rengi: 204 102 153
Html renk kodu: # FF33CC RGB rengi: 255 51 204
Html renk kodu: # FF00CC RGB rengi: 255 0 204
Html renk kodu: # FF66CC RGB rengi: 255 102 204
Renk için HTML kodu: # 660033 RGB rengi: 102 0 51
Html renk kodu: # 993366 RGB rengi: 153 51 102
HTML renk kodu: # CC0066 RGB rengi: 204 0 102
Html renk kodu: # FF0099 RGB rengi: 255 0 153
Html renk kodu: # FF3399 RGB rengi: 255 51 153
Html renk kodu: # FF99CC RGB rengi: 255 153 204
Html renk kodu: # 663333 RGB rengi: 102 51 51
Html renk kodu: # 996666 RGB rengi: 153 102 102
HTML renk kodu: # CC3366 RGB rengi: 204 51 102
Html renk kodu: # FF0066 RGB rengi: 255 0 102
Html renk kodu: # FF3366 RGB rengi: 255 51 102
Html renk kodu: # FF6699 RGB rengi: 255 102 153
HTML renk kodu: # 330000 RGB rengi: 51 0 0
Renk için HTML kodu: # 990033 RGB rengi: 153 0 51
Html renk kodu: # 993333 RGB rengi: 153 51 51
HTML renk kodu: # CC3333 RGB rengi: 204 51 51
HTML renk kodu: # CC6666 RGB rengi: 204 102 102
HTML renk kodu: # CC9999 RGB rengi: 204 153 153
HTML renk kodu: # CC0033 RGB rengi: 204 0 51
Html renk kodu: # FF0033 RGB rengi: 255 0 51
Html renk kodu: # FF3333 RGB rengi: 255 51 51
Html renk kodu: # FF6666 RGB rengi: 255 102 102
Html renk kodu: # FF9999 RGB rengi: 255 153 153
Html renk kodu: #FFCCCC RGB rengi: 255 204 204
HTML renk kodu: # 990000 RGB rengi: 153 0 0
HTML renk kodu: # CC0000 RGB rengi: 204 0 0
Html renk kodu: # FF0000 RGB rengi: 255 0 0
Html renk kodu: # FF3300 RGB rengi: 255 51 0
HTML renk kodu: # CC3300 RGB rengi: 204 51 0
Html renk kodu: # FF6633 RGB rengi: 255 102 51
HTML renk kodu: # 660000 RGB rengi: 102 0 0
Renk için HTML kodu: # 993300 RGB rengi: 153 51 0
HTML renk kodu: # CC6633 RGB rengi: 204 102 51
Html renk kodu: # FF6600 RGB rengi: 255 102 0
Html renk kodu: # FF9966 RGB rengi: 255 153 102
Html renk kodu: # FFCC99 RGB rengi: 255 204 153
Renk için HTML kodu: # 663300 RGB rengi: 102 51 0
Html renk kodu: # 996633 RGB rengi: 153 102 51
HTML renk kodu: # CC6600 RGB rengi: 204 102 0
HTML renk kodu: # CC9966 RGB rengi: 204 153 102
Html renk kodu: # FF9933 RGB rengi: 255 153 51
Html renk kodu: # FF9900 RGB rengi: 255 153 0
Renk için HTML kodu: # 996600 RGB rengi: 153 102 0
HTML renk kodu: # CC9933 RGB rengi: 204 153 51
HTML renk kodu: # CC9900 RGB rengi: 204 153 0
Html renk kodu: # FFCC33 RGB rengi: 255 204 51
Html renk kodu: # FFCC00 RGB rengi: 255 204 0
Html renk kodu: # FFCC66 RGB rengi: 255 204 102
HTML renk kodu: # CCCC00 RGB rengi: 204 204 0
Html renk kodu: # FFFF00 RGB rengi: 255 255 0
Html renk kodu: # FFFF33 RGB rengi: 255 255 51
Html renk kodu: # FFFF66 RGB rengi: 255 255 102
Html renk kodu: # FFFF99 RGB rengi: 255 255 153
Html renk kodu: #FFFFCC RGB rengi: 255 255 204

Bu tablo 216 güvenli html renk kodunu içerir. Her rengin, grafik düzenleyicilerde bir renk tanımlamak için RGB'de ve html sayfalarında bir renk belirtmek için HEX'te bir değeri vardır.

Bu sayfa, HTML, CSS, JavaScript, Flash ve daha fazlası gibi Web geliştirme dillerinde renkleri belirtmek için kullanılabilecek anahtar kelimeler içeren bir tablo sağlar.

WC3 endişesinin eski spesifikasyonlarında, HTML ve CSS'de hangi renklerin ayarlandığı yardımıyla sadece 16 anahtar kelime hecelendi. Daha sonra, daha yeni spesifikasyonlarda, renk adlarını belirtmek için 130 anahtar kelime daha eklendi. Aşağıdaki tablo, karşılık gelen renk adlarını, onaltılık ve RGB kodlarını listeler.

CSS kurallarına göre renk isimleri büyük/küçük harf duyarlı değildir. IndianRed ve indianred renk girişleri eşdeğerdir.

Tablonun 146 anahtar kelimesinden aslında daha az renk olduğunu da belirtmekte fayda var. Bunun nedeni, bazı anahtar kelimelerin aynı rengi ifade etmesidir. Bu nedenle Gray ve Gray adları, # 808080 koduyla %50 gri anlamına gelir ve Macenta sözcüğü, # FF00FF onaltılık koduna karşılık gelen HTML rengi Fuşya ile eşanlamlıdır. Ayrıca eşanlamlılar Aqua ve Cyan kelimeleridir, # 00FFFF koduna karşılık gelirler.

HTML ve CSS'de renk adı HEX RGB
Kırmızı tonlar:
HintKırmızı# CD5C5C205, 92, 92
IşıkMercan# F088080240, 128, 128
Somon# FA8072250, 128, 114
somon# E9967A233, 150, 122
hafif somon# FFA07A255, 160, 122
kızıl# DC143C220, 20, 60
kırmızı# FF0000255, 0, 0
ateş tuğlası# B22222178, 34, 34
Koyu Kırmızı# 8B0000139, 0, 0
Pembe tonları:
Pembe# FFC0CB255, 192, 203
Açık pembe# FFB6C1255, 182, 193
Sıcak pembe# FF69B4255, 105, 180
Derin pembe# FF1493255, 20, 147
OrtaMenekşeKırmızı# C71585199, 21, 133
SolukMenekşeKırmızı# DB7093219, 112, 147
Turuncu tonları:
hafif somon# FFA07A255, 160, 122
Mercan# FF7F50255, 127, 80
Domates# FF6347255, 99, 71
turuncuKırmızı# FF4500255, 69, 0
Koyu turuncu# FF8C00255, 140, 0
turuncu# FFA500255, 165, 0
Sarı tonlar:
Altın# FFD700255, 215, 0
Sarı# FFFF00255, 255, 0
Açık sarı# FFFFE0255, 255, 224
limonŞifon#FFFACD255, 250, 205
IşıkAltın BaşakSarı# FAFAD2250, 250, 210
PapayaKırbaç# FFEFD5255, 239, 213
mokasen# FFE4B5255, 228, 181
şeftaliPuff# FFDAB9255, 218, 185
palegoldenrod# EEE8AA238, 232, 170
Haki# F0E68C240, 230, 140
koyu haki# BDB76B189, 183, 107
Mor tonları:
Lavanta# E6E6FA230, 230, 250
devedikeni# D8BFD8216, 191, 216
Erik# DDA0DD221, 160, 221
Menekşe# EE82EE238, 130, 238
Orkide# DA70D6218, 112, 214
Fuşya# FF00FF255, 0, 255
macenta# FF00FF255, 0, 255
OrtaOrkide# BA55D3186, 85, 211
OrtaMor# 9370DB147, 112, 219
Mavi menekşe# 8A2BE2138, 43, 226
Koyu mor# 9400D3148, 0, 211
KaranlıkOrkide# 9932CC153, 50, 204
KoyuEflatun# 8B008B139, 0, 139
Mor#800080 128, 0, 128
çivit# 4B008275, 0, 130
ArduvazMavi# 6A5ACD106, 90, 205
KoyuArduvazMavi# 483D8B72, 61, 139
Kahverengi tonları:
Mısır püskülü# FFF8DC255, 248, 220
BeyazlatılmışBadem#FFEBCD255, 235, 205
bisküvi# FFE4C4255, 228, 196
NavajoBeyaz#FFDEAD255, 222, 173
Buğday# F5DEB3245, 222, 179
BurlyWood# DEB887222, 184, 135
bronzluk# D2B48C210, 180, 140
pembeKahverengi# BC8F8F188, 143, 143
kumlu kahverengi# F4A460244, 164, 96
Altın Başak# DAA520218, 165, 32
KaranlıkAltınÇubuk# B8860B184, 134, 11
Peru# CD853F205, 133, 63
Çikolata# D2691E210, 105, 30
eyer kahverengi# 8B4513139, 69, 19
Sienna# A0522D160, 82, 45
Kahverengi# A52A2A165, 42, 42
bordo#800000 128, 0, 0
Ana renkler:
Siyah#000000 0, 0, 0
Gri#808080 128, 128, 128
Gümüş# C0C0C0192, 192, 192
Beyaz#FFFFFF255, 255, 255
Fuşya# FF00FF255, 0, 255
Mor#800080 128, 0, 128
kırmızı# FF0000255, 0, 0
bordo#800000 128, 0, 0
Sarı# FFFF00205, 92, 92
zeytin#808000 240, 128, 128
Kireç# 00FF00250, 128, 114
Yeşil#008000 233, 150, 122
su# 00FFFF205, 92, 92
deniz mavisi#008080 240, 128, 128
Mavi# 0000FF250, 128, 114
Donanma#000080 233, 150, 122
HTML ve CSS'de renk adı HEX RGB
Yeşil tonlar:
Yeşil sarı# ADFF2F173, 255, 47
Chartreuse# 7FFF00127, 255, 0
ÇimYeşil# 7CFC00124, 252, 0
Kireç# 00FF000, 255, 0
Limon yeşili# 32CD3250, 205, 50
Soluk yeşil# 98FB98152, 251, 152
Açık yeşil# 90EE90144, 238, 144
OrtaBaharYeşil# 00FA9A0, 250, 154
İlkbahar yesili# 00FF7F0, 255, 127
OrtaDenizYeşil# 3CB37160, 179, 113
Deniz yeşili# 2E8B5746, 139, 87
Orman yeşili# 228B2234, 139, 34
Yeşil#008000 0, 128, 0
Koyu yeşil#006400 0, 100, 0
Sarı yeşil# 9ACD32154, 205, 50
ZeytinDrab# 6B8E23107, 142, 35
zeytin#808000 128, 128, 0
KoyuZeytinYeşil# 556B2F85, 107, 47
OrtaAkuamarin# 66CDAA102, 205, 170
KaranlıkDenizYeşil# 8FBC8F143, 188, 143
AçıkDenizYeşil# 20B2AA32, 178, 170
koyuCyan# 008B8B0, 139, 139
deniz mavisi#008080 0, 128, 128
Mavi tonlar:
su# 00FFFF0, 255, 255
camgöbeği# 00FFFF0, 255, 255
Açık cam göbeği# E0FFFF224, 255, 255
paleturkuaz#AFEEEE175, 238, 238
Akuamarin# 7FFFD4127, 255, 212
Turkuaz# 40E0D064, 224, 208
OrtaTurkuaz# 48D1CC72, 209, 204
koyuturkuaz# 00CED10, 206, 209
HarbiyeliMavi# 5F9EA095, 158, 160
ÇelikMavi# 4682B470, 130, 180
IşıkÇelikMavi# B0C4DE176, 196, 222
Toz mavi# B0E0E6176, 224, 230
Açık mavi# ADD8E6173, 216, 230
Gökyüzü mavi# 87CEEB135, 206, 235
IşıkGökyüzüMavi# 87CEFA135, 206, 250
DerinGökyüzüMavi# 00BFFF0, 191, 255
DodgerMavi# 1E90FF30, 144, 255
Peygamber ÇiçeğiMavi# 6495ED100, 149, 237
OrtaArduvazMavi# 7B68EE123, 104, 238
Kraliyet mavisi# 4169E165, 105, 225
Mavi# 0000FF0, 0, 255
Orta mavi# 0000CD0, 0, 205
Koyu mavi# 00008B0, 0, 139
Donanma#000080 0, 0, 128
Gece yarısı mavisi#191970 25, 25, 112
Beyaz tonlar:
Beyaz#FFFFFF255, 255, 255
Kar#FFFAFA255, 250, 250
Şeker kavunu# F0FFF0240, 255, 240
NaneKrem# F5FFFA245, 255, 250
Azure# F0FFFF240, 255, 255
Alice Mavi# F0F8FF240, 248, 255
HayaletBeyaz# F8F8FF248, 248, 255
Beyaz duman# F5F5F5245, 245, 245
deniz kabuğu# FFF5EE255, 245, 238
Bej# F5F5DC245, 245, 220
EskiDantel# FDF5E6253, 245, 230
ÇiçekBeyaz# FFFAF0255, 250, 240
Fildişi# FFFFF0255, 255, 240
Antik Beyaz# FAEBD7250, 235, 215
Keten# FAF0E6250, 240, 230
LavantaAllık# FFF0F5255, 240, 245
MistyGül# FFE4E1255, 228, 225
Gri tonlar:
kazançlarboro#DCDCDC220, 220, 220
Açık gri# D3D3D3211, 211, 211
Açık gri# D3D3D3211, 211, 211
Gümüş# C0C0C0192, 192, 192
Koyu gri# A9A9A9169, 169, 169
Koyu gri# A9A9A9169, 169, 169
Gri#808080 128, 128, 128
Gri#808080 128, 128, 128
SolukGri#696969 105, 105, 105
SolukGri#696969 105, 105, 105
IşıkArduvazGri#778899 119, 136, 153
AçıkArduvazGri#778899 119, 136, 153
arduvazgri#708090 112, 128, 144
arduvazgri#708090 112, 128, 144
KaranlıkArduvazGri# 2F4F4F47, 79, 79
KaranlıkArduvazGri# 2F4F4F47, 79, 79
Siyah#000000 0, 0, 0

Vlad Merjeviç

HTML'de bir renk iki yoldan biriyle belirtilir: onaltılık bir kod kullanarak ve bazı renklerin adıyla. Onaltılık sayı sistemine dayanan yöntem, en evrensel olanı olarak esas olarak kullanılır.

Onaltılık renkler

HTML'de renkleri belirtmek için onaltılık sayılar kullanılır. Onaltılık sistem, ondalık sistemin aksine, adından da anlaşılacağı gibi 16 sayısını temel alır. Sayılar şu şekilde olacaktır: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 , A, B, C , D, E, F. 10'dan 15'e kadar olan sayılar Latin harfleriyle değiştirilir. Tablo 6.1, ondalık ve onaltılık sayılar arasındaki yazışmayı gösterir.

Onaltılı sistemde 15'ten büyük sayılar, iki sayının bire birleştirilmesiyle oluşturulur (Tablo 6.2). Örneğin, 255 ondalık FF onaltılıktır.

Sayı sisteminin tanımında karışıklığı önlemek için, onaltılık sayının önüne # karma karakteri yerleştirilir, örneğin # aa69cc. Bu durumda register önemli değildir, bu nedenle # F0F0F0 veya # f0f0f0 yazılmasına izin verilir.

HTML'de kullanılan tipik bir renk şöyle görünür.

Burada web sayfasının arka plan rengi #FA8E47 olarak ayarlanmıştır. Bir sayının önündeki karma #, onaltılık olduğu anlamına gelir. İlk iki basamak (FA) rengin kırmızı bileşenini tanımlar, üçüncü ila dördüncü basamak (8E) yeşil ve son iki basamak (47) mavidir. Sonuç olarak, bu rengi elde edersiniz.

FA + 8E + 47 = FA8E47

Üç rengin her biri - kırmızı, yeşil ve mavi - 00'dan FF'ye kadar değerler alabilir ve 256 tonla sonuçlanır. Böylece toplam renk sayısı 256x256x256 = 16.777.216 kombinasyon olabilir. Kırmızı, yeşil ve mavi bileşenlere dayalı renk modeli RGB (kırmızı, yeşil, mavi; kırmızı, yeşil, mavi) olarak adlandırılır. Bu model, üç bileşenin eklenmesinin beyaz bir renk oluşturduğu bir katkı maddesidir (ekle - ekle).

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

  • Renk bileşenlerinin değerleri aynıysa (örneğin: # D6D6D6), gri bir renk tonu elde edersiniz. Sayı ne kadar büyük olursa, renk o kadar açık olur, değerler # 000000 (siyah) ile #FFFFFF (beyaz) arasında değişir.
  • Kırmızı bileşen maksimuma (FF) ayarlanırsa ve bileşenlerin geri kalanı sıfıra ayarlanırsa parlak kırmızı bir renk oluşur. # FF0000 rengi, kırmızının mümkün olan en kırmızı tonudur. Aynı durum yeşil (# 00FF00) ve mavi (# 0000FF) için de geçerlidir.
  • Kırmızı ile yeşil karıştırılarak sarı (#FFFF00) elde edilir. Bu, ana renklerin (kırmızı, yeşil, mavi) ve tamamlayıcı veya tamamlayıcı renklerin sunulduğu renk çarkında (Şekil 6.1) açıkça görülmektedir. Bunlar sarı, camgöbeği ve moru (eflatun olarak da adlandırılır) içerir. Genel olarak, yakın renkler karıştırılarak herhangi bir renk elde edilebilir. Böylece mavi ve yeşil birleştirilerek camgöbeği (# 00FFFF) elde edilir.

Pirinç. 6.1. renk çemberi

Onaltılık renklerin deneysel olarak seçilmesine gerek yoktur. Bunun için Adobe Photoshop gibi farklı renk modelleriyle çalışabilen bir grafik düzenleyici uygundur. İncirde. 6.2, bu programda renk seçimi için bir pencere gösterir, mevcut rengin elde edilen onaltılık değeri bir çizgi ile özetlenir. Kopyalayıp kodunuza yapıştırabilirsiniz.

Pirinç. 6.2. Photoshop'ta renk seçim penceresi

Web renkleri

Monitörün renk kalitesini 8 bit (256 renk) olarak ayarlarsanız, aynı renk farklı tarayıcılarda farklı şekilde görüntülenebilir. Bunun nedeni, tarayıcının kendi paleti ile çalıştığı ve paletinde bulunmayan bir rengi gösteremediği grafiklerin görüntülenme şeklinden kaynaklanmaktadır. Bu durumda, renk, belirtilen rengi taklit eden, kendisine yakın olan diğer piksellerin bir kombinasyonu ile değiştirilir. Rengi farklı tarayıcılarda değişmeden tutmak için, web renkleri olarak adlandırılan bir paleti tanıttık. Web renkleri, her bileşen için - kırmızı, yeşil ve mavi - altı değerden birinin ayarlandığı renklerdir - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC ), 255 (FF). Bu bileşenin onaltılık değeri parantez içinde belirtilmiştir. Tüm olası kombinasyonlardan toplam renk sayısı 6x6x6 - 216 renk verir. Bir web rengi örneği # 33FF66'dır.

Web renginin ana özelliği, tüm tarayıcılarda aynı görünmesidir. Şu anda, monitörlerin kalitesindeki artış ve yeteneklerinin genişlemesi nedeniyle web renklerinin alaka düzeyi çok küçük.

Ada göre renkler

Bir dizi sayıyı ezberlememek için bunun yerine yaygın olarak kullanılan renklerin adlarını kullanabilirsiniz. Tablo 6.3 popüler renk adlarının adlarını listeler.

Sekme. 6.3. Bazı renk isimleri
Renk adı Renk Açıklama onaltılık değer
siyah Siyah #000000
Mavi Mavi # 0000FF
fuşya Açık mor # FF00FF
gri Koyu gri #808080
Yeşil Yeşil #008000
Misket Limonu Açık yeşil # 00FF00
kestane rengi Koyu Kırmızı #800000
Donanma lacivert #000080
zeytin zeytin #808000
Mor Koyu mor #800080
kırmızı kırmızı # FF0000
gümüş Açık gri # C0C0C0
deniz mavisi Mavi-yeşil #008080
Beyaz Beyaz #FFFFFF
sarı Sarı # FFFF00

Rengi ne şekilde belirttiğinizin bir önemi yoktur - adıyla veya onaltılık sayılar kullanarak. Bu yöntemler eylemlerinde eşittir. Örnek 6.1, bir web sayfasının arka plan ve metin renginin nasıl ayarlanacağını gösterir.

Örnek 6.1. Arka plan ve metin rengi

Renkler

Örnek yazı



Bu örnekte, arka plan rengi, etiketin bgcolor niteliği kullanılarak ayarlanır. ve metin özniteliği aracılığıyla metnin rengi. Bir değişiklik için, text niteliği onaltılık bir sayıya, bgcolor ise deniz mavisi ayrılmış anahtar sözcüğüne ayarlanmıştır.

Bir rengi belirtmek için CSS renk kodları kullanılır. Tipik olarak, renk kodları veya renk değerleri, bir öğenin ön planı (örneğin, metin rengi, bağlantı rengi) veya bir öğenin arka planı (arka plan rengi, blok rengi) için bir renk ayarlamak için kullanılır. Ayrıca bir düğmenin, kenarlığın, işaretçinin, vurgunun ve diğer dekoratif efektlerin rengini değiştirmek için de kullanılabilirler.

Çeşitli formatlarda kendi renk değerlerinizi ayarlayabilirsiniz. Aşağıdaki tablo tüm olası biçimleri listeler:

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

CSS renkleri - onaltılık kodlar

Onaltılık renk kodu altı basamaklı bir renk temsilidir. İlk iki hane (RR) kırmızı değer, sonraki ikisi yeşil değer (GG) ve son ikisi mavi değerdir (BB).

CSS Renkleri - Kısa Hex Kodları

Kısa altıgen renk kodu altı basamaklı gösterimin daha kısa biçimidir. Bu formatta, eşdeğer altı basamaklı renk değerini üretmek için her basamak tekrarlanır. Örneğin: # 0F0, # 00FF00 olur.

Onaltılık değer, Adobe Photoshop, Core Draw vb. herhangi bir grafik yazılımından alınabilir.

CSS'deki her onaltılık renk kodunun önünde bir "#" karma işareti bulunur. Aşağıdakiler, onaltılık gösterimi kullanma örnekleridir.

CSS Renkleri - RGB Değerleri

RGB değeri rgb () özelliği kullanılarak ayarlanan renk kodudur. Bu özellik, her biri kırmızı, yeşil ve mavi için olmak üzere üç değer alır. Değer, 0 ile 255 arasında bir tam sayı veya yüzde olabilir.

Not: tüm tarayıcılar rgb () color özelliğini desteklemez, bu nedenle kullanılması önerilmez.

Aşağıda, RGB değerlerini kullanan birden çok rengi gösteren bir örnek bulunmaktadır.

Renk kodu üreteci

Hizmetimizi kullanarak milyonlarca renk kodu oluşturabilirsiniz.

Güvenli tarayıcı renkleri

Aşağıda en güvenli ve bilgisayardan en bağımsız olan 216 renkten oluşan bir tablo bulunmaktadır. Bu CSS renkleri 000000 ile FFFFFF onaltılık arasında değişir. 256 renk paleti ile çalışırken tüm bilgisayarların rengi doğru görüntülemesini sağladıklarından kullanımları güvenlidir.

CSS "güvenli" renk tablosu
#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



İlgili Makaleler

En son makaleler
Popüler Makaleler
Editörün Seçimi
rzdoro.ru