İçeriğe atla

Web renkleri

HTML
Karşılaştırmalar
  • Belge işaretleme dilleri
  • Web tarayıcı motorları karşılaştırması
Sekiz web rengini gösteren şema

Web renkleri, web sayfası tasarımında kullanılan ve izlenen sayfanın görünümünü düzenlemeye yarayan renklerdir.

Web sayfası yazarlarının düzenledikleri web dosyalarını renklendirmek için kullanabilecekleri çeşitli yöntemler mevcuttur. Renkler RGB renk sisteminde kullanılan üçlü heksadesimal kod ile belirlenebileceği gibi, standart İngilizce adları kullanılarak da belirlenebilir. Renk değerlerini oluşturmak için bir renk seçim aracı veya grafik yazılımı tercih edilebilir.[1]

İlk web tarayıcılar (Mosaic ve Netscape Navigator) X Pencere Sistemi üzerinde çalışan ve X11 renk adlarını kullanan uygulamalardır.[2]

Hex üçlüsü

Hex üçlüsü altı haneli, üç-baytlık hexadecimal bir numaradır. HTML, CSS, SVG ve diğer kodlarda renkleri bildirmek için kullanılır. Baytlar, kullanılacak olan rengin kırmızı, yeşil ve mavi bileşenlerini betimler. Her bayt heksadesimal gösterim kullanılıyorsa 00 ile FF arasında, desimal gösterim kullanılıyorsa 0 ile 255 arasında bir sayı ile belirtilir. Heksadesimal üçlü web renklerinde aşağıdaki sırayla birleştirilerek kullanılır:

Bayt 1: kırmızı değer
Bayt 2: yeşil değer
Bayt 3: mavi değer

Örneğin, renk değerleri kırmızı=36, yeşil=104 ve mavi=160 olan bir renk ele alalım. Bu renkteki 36, 104 ve 160 desimal sayıları sırasıyla 24, 68 ve A0 heksadesimal sayılarına denk gelmektedir. Elde ettiğimiz heksadesimal renk değerlerini yan yana yazacak olursak, 2468A0 hex üçlüsünü elde etmiş oluruz.

Bu sistem kullanarak oluşturulabilen renk sayısı:

256 256 256 = 16,777,216

HTML renk kodları

HTML renk adlarına ek olarak, İnternet Explorer ve Mozilla Firefox gibi bazı web tarayıcıları bazı renk adları daha tanımlamışlardır. Kimi tarayıcılar algılamasa da, modern tarayıcılar listedeki tüm renkleri destekler. HTML tanımlamalarında 16 renk adı vardır:

Renk Hexadesimal Renk Hexadesimal Renk Hexadesimal Renk Hexadesimal
siyah#000000 gümüş#c0c0c0 bordo#800000 kırmızı#ff0000
lacivert#000080 mavi#0000ff menekşe#8f00ff galibarda#ff00ff
yeşil#008000 çimen #00ff00 kahve#964B00 sarı#ffff00
teal #008080 cyan #00ffff gri#808080 beyaz#ffffff
HTML adı Hex kod
R   G   B		Desimal kod
R   G   B
Kırmızı renkler
HintKırmızısıCD 5C 5C205 92 92
AçıkMercanF0 80 80240 128 128
SomonFA 80 72250 128 114
KoyuSomonE9 96 7A233 150 122
AçıkSomonFF A0 7A255 160 122
CrimsonDC 14 3C220 20 60
KırmızıFF 00 00255 0 0
Ateş KırmızısıB2 22 22178 34 34
Koyu Kırmızı8B 00 00139 0 0
Pembe renkler
PembeFF C0 CB255 192 203
AçıkPembeFF B6 C1255 182 193
AteşpembesiFF 69 B4255 105 180
KoyuPembeFF 14 93255 20 147
MediumVioletRedC7 15 85199 21 133
PaleVioletRedDB 70 93219 112 147
Turuncu renkler
AçıkSomonFF A0 7A255 160 122
MercanFF 7F 50255 127 80
DomatesFF 63 47255 99 71
OrangeRedFF 45 00255 69 0
KoyuTuruncuFF 8C 00255 140 0
TuruncuFF A5 00255 165 0
Sarı renkler
AltınFF D7 00255 215 0
SarıFF FF 00255 255 0
Açık YeşilFF FF E0255 255 224
LemonChiffonFF FA CD255 250 205
LightGoldenrodYellowFA FA D2250 250 210
PapayaWhipFF EF D5255 239 213
MoccasinFF E4 B5255 228 181
PeachPuffFF DA B9255 218 185
PaleGoldenrodEE E8 AA238 232 170
HakiF0 E6 8C240 230 140
KoyuHakiBD B7 6B189 183 107
Mor renkler
LavenderE6 E6 FA230 230 250
ThistleD8 BF D8216 191 216
PlumDD A0 DD221 160 221
MenekşeEE 82 EE238 130 238
OrkideDA 70 D6218 112 214
FuchsiaFF 00 FF255 0 255
MagentaFF 00 FF255 0 255
MediumOrchidBA 55 D3186 85 211
MediumPurple93 70 DB147 112 219
BlueViolet8A 2B E2138 43 226
DarkViolet94 00 D3148 0 211
DarkOrchid99 32 CC153 50 204
DarkMagenta8B 00 8B139 0 139
Mor80 00 80128 0 128
Indigo4B 00 8275 0 130
SlateBlue6A 5A CD106 90 205
DarkSlateBlue48 3D 8B72 61 139
HTML adı Hex kod
R   G   B		Desimal kod
R   G   B
Yeşil renkler
GreenYellowAD FF 2F173 255 47
Chartreuse7F FF 00127 255 0
LawnGreen7C FC 00124 252 0
Lime00 FF 000 255 0
LimeGreen32 CD 3250 205 50
PaleGreen98 FB 98152 251 152
AçıkYeşil90 EE 90144 238 144
MediumSpringGreen00 FA 9A0 250 154
BaharYeşili00 FF 7F0 255 127
MediumSeaGreen3C B3 7160 179 113
DenizYeşili2E 8B 5746 139 87
ForestGreen22 8B 2234 139 34
Yeşil00 80 000 128 0
KoyuYeşil00 64 000 100 0
YellowGreen9A CD 32154 205 50
OliveDrab6B 8E 23107 142 35
Zeytin80 80 00128 128 0
DarkOliveGreen55 6B 2F85 107 47
MediumAquamarine66 CD AA102 205 170
DarkSeaGreen8F BC 8F143 188 143
LightSeaGreen20 B2 AA32 178 170
DarkCyan00 8B 8B0 139 139
Teal00 80 800 128 128
Mavi renkler
Turkuaz00 FF FF0 255 255
Cyan00 FF FF0 255 255
LightCyanE0 FF FF224 255 255
PaleTurquoiseAF EE EE175 238 238
Aquamarine7F FF D4127 255 212
Turquoise40 E0 D064 224 208
MediumTurquoise48 D1 CC72 209 204
DarkTurquoise00 CE D10 206 209
CadetBlue5F 9E A095 158 160
SteelBlue46 82 B470 130 180
LightSteelBlueB0 C4 DE176 196 222
PowderBlueB0 E0 E6176 224 230
Açık maviAD D8 E6173 216 230
SkyBlue87 CE EB135 206 235
LightSkyBlue87 CE FA135 206 250
DeepSkyBlue00 BF FF0 191 255
DodgerBlue1E 90 FF30 144 255
CornflowerBlue64 95 ED100 149 237
MediumSlateBlue7B 68 EE123 104 238
RoyalBlue41 69 E165 105 225
Mavi00 00 FF0 0 255
MediumBlue00 00 CD0 0 205
KoyuMavi00 00 8B0 0 139
Navy00 00 800 0 128
MidnightBlue19 19 7025 25 112
HTML adı Hex kod
R   G   B		Desimal kod
R   G   B
Kahverengi renkler
CornsilkFF F8 DC255 248 220
BlanchedAlmondFF EB CD255 235 205
BisqueFF E4 C4255 228 196
NavajoWhiteFF DE AD255 222 173
WheatF5 DE B3245 222 179
BurlyWoodDE B8 87222 184 135
TanD2 B4 8C210 180 140
RosyBrownBC 8F 8F188 143 143
SandyBrownF4 A4 60244 164 96
GoldenrodDA A5 20218 165 32
DarkGoldenrodB8 86 0B184 134 11
PeruCD 85 3F205 133 63
ChocolateD2 69 1E210 105 30
SaddleBrown8B 45 13139 69 19
SiennaA0 52 2D160 82 45
BrownA5 2A 2A165 42 42
Maroon80 00 00128 0 0
Beyaz renkler
BeyazFF FF FF255 255 255
KarFF FA FA255 250 250
HoneydewF0 FF F0240 255 240
MintCreamF5 FF FA245 255 250
AzureF0 FF FF240 255 255
AliceBlueF0 F8 FF240 248 255
GhostWhiteF8 F8 FF248 248 255
WhiteSmokeF5 F5 F5245 245 245
SeashellFF F5 EE255 245 238
BeigeF5 F5 DC245 245 220
OldLaceFD F5 E6253 245 230
FloralWhiteFF FA F0255 250 240
IvoryFF FF F0255 255 240
AntikBeyazFA EB D7250 235 215
LinenFA F0 E6250 240 230
LavenderBlushFF F0 F5255 240 245
MistyRoseFF E4 E1255 228 225
Gri renkler
GainsboroDC DC DC220 220 220
AçıkGriD3 D3 D3211 211 211
GümüşC0 C0 C0192 192 192
KoyuGriA9 A9 A9169 169 169
Gri80 80 80128 128 128
DimGray69 69 69105 105 105
LightSlateGray77 88 99119 136 153
SlateGray70 80 90112 128 144
DarkSlateGray2F 4F 4F47 79 79
Siyah00 00 000 0 0

Web güvenli renkler

Altı çizili olan renk kodları, gerçekten güvenli renklerdir. Yani tüm ekran ve tarayıcılarda aynı sonucu verirler.

Web güvenli renkler
000300 600 900 C00 F00003303 603 903 C03 F03
006 306 606 906 C06 F06 009 309 609 909 C09 F09
00C 30C 60C 90C C0C F0C 00F30F 60F 90F C0F F0F
030 330 630 930 C30 F30 033 333 633 933 C33 F33
036 336 636 936 C36 F36 039 339 639 939 C39 F39
03C 33C 63C 93C C3C F3C 03F 33F 63F 93F C3F F3F
060 360 660 960 C60 F60 063 363 663 963 C63 F63
366 666 966 C66 F66 069 369 669 969 C69 F69
06C 36C 66C 96C C6C F6C 06F 36F 66F 96F C6F F6F
090 390 690 990 C90 F90 093 393 693 993 C93 F93
096 396 696 996 C96 F96 099 399 699 999 C99 F99
09C 39C 69C 99C C9C F9C 09F 39F 69F 99F C9F F9F
0C0 3C0 6C0 9C0 CC0 FC0 0C3 3C3 6C3 9C3 CC3 FC3
0C6 3C6 6C6 9C6 CC6 FC6 0C9 3C9 6C9 9C9 CC9 FC9
0CC 3CC 6CC 9CC CCC FCC 0CF 3CF 6CF 9CF CCF FCF
0F03F0 6F09F0 CF0 FF00F3 3F36F39F3 CF3 FF3
0F63F66F6 9F6 CF6FF60F9 3F9 6F9 9F9 CF9 FF9
0FC3FC6FC 9FC CFC FFC 0FF3FF6FF9FF CFF FFF

Kaynakça

  1. ^ Robbins, Jennifer Niederst (21 Şubat 2006). Web Design in a Nutshell: A Desktop Quick Reference (İngilizce). "O'Reilly Media, Inc.". ISBN 978-0-596-00987-8. 
  2. ^ Sharma, Gaurav; Bala, Raja (19 Aralık 2017). Digital Color Imaging Handbook (İngilizce). CRC Press. ISBN 978-1-4200-4148-4. 8 Nisan 2023 tarihinde kaynağından arşivlendi. Erişim tarihi: 29 Ocak 2024. 
Web renklerisiyahgümüşgribeyazkırmızıpembebordomorgalibardayeşilçimzeytinsarıaltunîturuncumavilacivertördekbaşıturkuaz
                                     
Yazılış black silver gray white red pink maroon purple fuchsia green lime olive yellow gold orange blue navy teal aqua

İlgili Araştırma Makaleleri

<span class="mw-page-title-main">Renk</span> görsel algının bir özelliği

Renk ya da tüs, ışığın gözün ağ katmanına değişik biçimde ulaşması ile ortaya çıkan bir algılamadır. Bu algılama, ışığın maddeler üzerine çarpması ve kısmen soğurulup kısmen yansıması nedeniyle çeşitlilik gösterir ki bunlar renk tonu veya renk olarak adlandırılır. Tüm dalgaboyları birden aynı anda göze ulaşırsa bu ak, hiç ışık ulaşmazsa kara olarak algılanır. İnsan gözü 380 nm ile 780 nm arasındaki dalga boylarını algılayabilir. Bu sebepten elektromanyetik spektrumun bu bölümüne görünür ışık denir. Renkler için genelde kulak ile duyulan ince ve kalın ses analojisi yapılsa da, ses algısının aksine aynı anda gelen ışık frekansları değişik kanallardan algılanamaz, dolayısıyla aynı anda ince ve kalın sesleri birbirine karıştırmadan duyulmasına karşın göz için bu "çok seslilik" söz konusu olmadığından, değişik ışık frekanslarının sadece kombinasyonları algılanabilir. Bu prensibi açıklamak veya pratik uygulamalarda kullanmak için çeşitli renk modelleri geliştirilmiştir.

<span class="mw-page-title-main">CSS</span> web tabanlı stil programlama dili

Cascading Style Sheets, HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir işaretleme dilidir.

<span class="mw-page-title-main">Yeşil</span> mavi ve sarı arasında görülebilen katkı ana rengi

Yeşil renk elektromanyetik tayf'ın insan gözüyle görülebilen renklerinden biridir. Turuncu ve mor ile birlikte ara renklerden birini oluşturur. Dalgaboyu 550 nanometre kadardır. Karşıt rengi kırmızı'dır.

<span class="mw-page-title-main">Galibarda</span>

Galibarda veya Fuşya rengi kırmızı ve mavi ışığın eşit oranlarda karıştırılması ile elde edilir. Bu renk daha çok İngilizce isminin okunuşu olan "macenta" adıyla anılır.

<span class="mw-page-title-main">Kahverengi</span> bir renk

Kahverengi veya Boz kırmızı ve yeşil, turuncu ve mavi veya sarı ve mor pigmentlerin karıştırılması ile elde edilebilen bir renktir.

<span class="mw-page-title-main">Web sayfası</span> World Wide Web ve web tarayıcıları aracılığıyla doğrudan görüntülenebilen tek belge

Web sayfası, World Wide Web için hazırlanan ve web tarayıcısı kullanılarak görüntülenebilen dokümanlardır. Web sayfaları çoğunlukla HTML formatında kodlanır, CSS, betik, görsel ve diğer yardımcı kaynaklardan yararlanılarak son görünümüne sahip olur ve işlevsellik kazanır. Birden fazla web sayfasının bir araya gelmesi ile ortaya çıkan web sitesi ile karıştırılmamalıdır. Günlük konuşma dilinde internet sayfası terimi de çoğunlukla web sitesi anlamında kullanılmaktadır.

Steganografi, eski Yunancada "gizlenmiş yazı" anlamına gelir ve bilgiyi gizleme bilimine verilen addır. Steganografi'nin şifrelemeye göre en büyük avantajı bilgiyi gören bir kimsenin gördüğü şeyin içinde önemli bir bilgi olduğunu fark edemiyor olmasıdır, böylece içinde bir bilgi aramaz.

<span class="mw-page-title-main">Lacivert</span>

Lacivert renk, elektromanyetik tayf'ın insan gözüyle görülebilen renklerinden biridir. Mavinin koyu tonlarındandır.

<span class="mw-page-title-main">RGB renk modeli</span> Bir eklemeli renk modeli

RGB renk modeli bir eklemeli renk modelidir ki burada kırmızı, yeşil ve mavi ışık geniş renk yelpazesi üretmek için çeşitli şekillerde birbirine eklenir. Modelin adı, üç ek ana rengin baş harflerinden gelir.

Direnç renk kodları, dirençin değerini anlayabilmek amacıyla; üzerlerine çizilen renkli çizgilere verilen isimdir. Bu kodlar sayesinde, dirençin ohm değeri öğrenilir.

<span class="mw-page-title-main">Document Object Model</span>

Document Object Model, "DOM", "Belge Nesnesi Modeli" anlamlarına da gelmektedir. İnternet tarayıcıları girilen internet sitesini bir belge, bu belge (sayfa) içerisinde bulunan tüm elemanları da nesne olarak kabul eder. Buna göre resim, yazı, form gibi tüm elemanlar nesnedir. İşte DOM sayfa içindeki herhangi bir nesnenin özelliğine müdahale edebilmemize, nesne özelliklerini değiştirebilmemize olanak sağlar. Bunu yapabilmek için de JavaScript gibi bazı script dilleri kullanmamız gerekir.

<span class="mw-page-title-main">Karnaugh haritası</span>

Karnaugh haritası (İngilizce) Boolean cebri'ndeki ifadeleri sadeleştirmek için kullanılan bir yöntemdir. Maurice Karnaugh 1953'te Edward Veitch'in 1952'te keşfettiği Veitch tablosunun geliştirilmiş ve elektrik devrelerine odaklanmış versiyonu olarak tanıtıldı. Veitch tablosu ve Karnaugh haritası bu yüzden Marquand-Veitch diyagramı ve Karnaugh Veitch haritası olarak da bilinir.Karnaugh haritası insanların örüntü tanıyabilme kabiliyetini kullanarak karışık hesaplamaları sadeleştirir. Aynı zamanda potansiyel hata durumlarının hızlıca fark edilmesini ve ortadan kaldırılmasını kolaylaştırır.

<span class="mw-page-title-main">Girit'teki Rus postaneleri</span>

Girit'teki Rus postaneleri 1898 yılında bölgeye gelen işgal kuvvetlerinin bir parçası olarak Girit'te Rusya tarafından kurulan postanelerdir.

<span class="mw-page-title-main">Sayısal sistem</span> sayıları ifade etmek için gösterim

Sayısal sistem, sayıları temsil eden simgeler için bir yazma sistemi yani matematiksel bir gösterim sistemidir.

Renk yükü, kuantum renk dinamiği teorisindeki parçacıkların güçlü etkileşimiyle alakalı olan kuark ve gluonların bir özelliğidir.

<span class="mw-page-title-main">Toz mavi</span>

Toz mavisi mavinin solgun bir tonudur. Çoğu renkte olduğu gibi, kesin tonunun mutlak bir tanımı yoktur, ancak adının çamaşır yıkamada kullanılan toz halindeki smalt için kullanılan "toz mavisi"nden geldiği bilinmektedir ve 1894'ten itibaren bir renk adı olarak kullanılmaktadır.

<span class="mw-page-title-main">Limoni</span>

Limoni veya limon rengi solgun sarı bir renktir, adını limon meyvesinden alır.

İlkbahar yeşili renk çarkına göre Camgöbeği ile yeşil arasında olan bir renktir. CIE kromatikliği diyagramı üzerine çizildiğinde, görünür spektrum üzerinde 505 nanometrelik bir görsel uyarıya karşılık gelir. İlkbahar yeşili renk tekerleğinde saf bir kroma rengidir.

Mavi renk çeşitleri renk tonu, kroma veya açıklık veya bu niteliklerden iki veya üçünde farklılık gösterebilir. Değerdeki değişimlere renk tonları ve gölgeler de denir; renk tonu (tint) mavi veya beyazla karıştırılmış başka bir ton(İngilizce:hue), siyahla karıştırılmışına gölgedir. Bu çeşitli renklerin geniş bir seçimi aşağıda gösterilmiştir.

Bir hex düzenleyici [hex editör], bir bilgisayar dosyası oluşturan temel ikili verilerinin değiştirilmesine izin veren bir bilgisayar programıdır. 'Hex' adı, ikili verileri temsil etmek için standart bir sayısal format olan 'hexadecimal'dan gelir. Tipik bir bilgisayar dosyası, içeriği dosyayı oluşturmak için birleştirilen depolama ortamında birden fazla alan kaplar. Floppy veya sabit disklerin fiziksel bölümlerindeki disk sektörü verilerini ayrıştırmak ve düzenlemek için tasarlanmış hex düzenleyiciler, bazen sektör düzenleyicileri veya disk düzenleyicileri olarak da adlandırılır.


Bu sayfa, bu Vikipedi makalesine dayanmaktadır.
Metin, CC BY-SA 4.0 lisansı altında mevcuttur; ek koşullar uygulanabilir.
Görseller, videolar ve sesler kendi lisansları altında mevcuttur.