Web renkleri

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.

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

 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 adları 
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:

RenkHexadesimalRenkHexadesimalRenkHexadesimalRenkHexadesimalsiyah#000000gümüş#c0c0c0bordo#800000kırmızı#ff0000lacivert#000080mavi#0000ffmenekşe#8f00ffgalibarda#ff00ffyeşil#008000çimen#00ff00kahve#964B00sarı#ffff00teal#008080cyan#00ffffgri#808080beyaz#ffffff

 HTML adı Hex kodR   G   B Desimal kodR   G   BKırmızı renklerHintKırmızısı CD 5C 5C 205 92 92AçıkMercan F0 80 80240 128 128Somon   FA 80 72250 128 114KoyuSomon   E9 96 7A233 150 122AçıkSomon   FF A0 7A255 160 122Crimson    DC 14 3C220 20 60Kırmızı      FF 00 00255  0  0Ateş Kırmızısı   B2 22 22178 34 34Koyu Kırmızı    8B 00 00139  0  0Pembe renklerPembe     FF C0 CB255 192 203AçıkPembe   FF B6 C1255 182 193Ateşpembesi    FF 69 B4255 105 180KoyuPembe    FF 14 93255 20 147MediumVioletRedC7 15 85199 21 133PaleVioletRed DB 70 93219 112 147Turuncu renklerAçıkSomon  FF A0 7A255 160 122Mercan     FF 7F 50255 127 80Domates     FF 63 47255 99 71OrangeRed   FF 45 00255 69  0KoyuTuruncu   FF 8C 00255 140  0Turuncu     FF A5 00255 165  0Sarı renklerAltın     FF D7 00255 215  0Sarı     FF FF 00255 255  0Açık Yeşil  FF FF E0255 255 224 LemonChiffon FF FA CD255 250 205 LightGoldenrodYellowFA FA D2250 250 210 PapayaWhip   FF EF D5255 239 213 Moccasin    FF E4 B5255 228 181 PeachPuff   FF DA B9255 218 185 PaleGoldenrod EE E8 AA238 232 170 Haki     F0 E6 8C240 230 140 KoyuHaki   BD B7 6B189 183 107 Mor renklerLavender    E6 E6 FA230 230 250 Thistle D8 BF D8216 191 216 Plum      DD A0 DD221 160 221 Menekşe     EE 82 EE238 130 238 Orkide     DA 70 D6218 112 214Fuchsia    FF 00 FF255  0 255 MagentaFF 00 FF255  0 255 MediumOrchid  BA 55 D3186 85 211 MediumPurple  93 70 DB147 112 219 BlueViolet   8A 2B E2138 43 226 DarkViolet   94 00 D3148  0 211 DarkOrchid   99 32 CC153 50 204 DarkMagenta  8B 00 8B139  0 139 Mor     80 00 80128  0 128 Indigo     4B 00 82 75  0 130 SlateBlue   6A 5A CD106 90 205DarkSlateBlue 48 3D 8B 72 61 139 HTML adı Hex kodR   G   B Desimal kodR   G   BYeşil renklerGreenYellow  AD FF 2F173 255 47 Chartreuse   7F FF 00127 255  0 LawnGreen   7C FC 00124 252  0 Lime      00 FF 00 0 255  0 LimeGreen   32 CD 32 50 205 50PaleGreen   98 FB 98152 251 152 AçıkYeşil   90 EE 90144 238 144 MediumSpringGreen00 FA 9A 0 250 154 BaharYeşili  00 FF 7F 0 255 127 MediumSeaGreen 3C B3 71 60 179 113 DenizYeşili    2E 8B 57 46 139 87 ForestGreen  22 8B 22 34 139 34 Yeşil     00 80 00 0 128  0KoyuYeşil   00 64 00 0 100  0 YellowGreen  9A CD 32154 205 50OliveDrab   6B 8E 23107 142 35 Zeytin     80 80 00128 128  0 DarkOliveGreen 55 6B 2F 85 107 47MediumAquamarine66 CD AA102 205 170 DarkSeaGreen 8F BC 8F143 188 143 LightSeaGreen 20 B2 AA 32 178 170 DarkCyan    00 8B 8B 0 139 139 Teal      00 80 80 0 128 128 Mavi renklerTurkuaz      00 FF FF 0 255 255Cyan      00 FF FF 0 255 255LightCyan   E0 FF FF224 255 255 PaleTurquoise AF EE EE175 238 238 Aquamarine  7F FF D4127 255 212 Turquoise   40 E0 D0 64 224 208 MediumTurquoise 48 D1 CC 72 209 204 DarkTurquoise00 CE D1 0 206 209 CadetBlue   5F 9E A0 95 158 160 SteelBlue  46 82 B4 70 130 180LightSteelBlue B0 C4 DE176 196 222 PowderBlue   B0 E0 E6176 224 230 Açık mavi   AD D8 E6173 216 230 SkyBlue    87 CE EB135 206 235 LightSkyBlue87 CE FA135 206 250 DeepSkyBlue 00 BF FF 0 191 255 DodgerBlue   1E 90 FF 30 144 255CornflowerBlue64 95 ED100 149 237MediumSlateBlue7B 68 EE123 104 238 RoyalBlue   41 69 E1 65 105 225 Mavi      00 00 FF 0  0 255 MediumBlue   00 00 CD 0  0 205 KoyuMavi    00 00 8B 0  0 139 Navy      00 00 80 0  0 128 MidnightBlue  19 19 70 25 25 112  HTML adı Hex kodR   G   B Desimal kodR   G   BKahverengi renklerCornsilk    FF F8 DC255 248 220 BlanchedAlmond FF EB CD255 235 205 Bisque     FF E4 C4255 228 196 NavajoWhite  FF DE AD255 222 173 Wheat     F5 DE B3245 222 179 BurlyWood   DE B8 87222 184 135 Tan      D2 B4 8C210 180 140 RosyBrown   BC 8F 8F188 143 143 SandyBrown   F4 A4 60244 164 96 Goldenrod   DA A5 20218 165 32 DarkGoldenrod B8 86 0B184 134 11 Peru      CD 85 3F205 133 63 Chocolate   D2 69 1E210 105 30 SaddleBrown  8B 45 13139 69 19 Sienna     A0 52 2D160 82 45 Brown     A5 2A 2A165 42 42 Maroon     80 00 00128  0  0Beyaz renklerBeyaz     FF FF FF255 255 255 Kar      FF FA FA255 250 250 Honeydew    F0 FF F0240 255 240 MintCream   F5 FF FA245 255 250 Azure     F0 FF FF240 255 255 AliceBlue   F0 F8 FF240 248 255 GhostWhite   F8 F8 FF248 248 255 WhiteSmoke   F5 F5 F5245 245 245 Seashell    FF F5 EE255 245 238 Beige     F5 F5 DC245 245 220 OldLace    FD F5 E6253 245 230 FloralWhite  FF FA F0255 250 240 Ivory     FF FF F0255 255 240 AntikBeyaz  FA EB D7250 235 215 Linen     FA F0 E6250 240 230 LavenderBlush FF F0 F5255 240 245 MistyRose   FF E4 E1255 228 225 Gri renklerGainsboro   DC DC DC220 220 220 AçıkGri   D3 D3 D3211 211 211 Gümüş     C0 C0 C0192 192 192 KoyuGri    A9 A9 A9169 169 169 Gri      80 80 80128 128 128 DimGray    69 69 69105 105 105 LightSlateGray 77 88 99119 136 153 SlateGray   70 80 90112 128 144 DarkSlateGray 2F 4F 4F 47 79 79 Siyah     00 00 00 0  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 000 300 600 900 C00 F00 003 303 603 903 C03 F03 006 306 606 906 C06 F06 009 309 609 909 C09 F09 00C 30C 60C 90C C0C F0C 00F 30F 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 0F0 3F0 6F0 9F0 CF0 FF0 0F3 3F3 6F3 9F3 CF3 FF3 0F6 3F6 6F6 9F6 CF6 FF6 0F9 3F9 6F9 9F9 CF9 FF9 0FC 3FC 6FC 9FC CFC FFC 0FF 3FF 6FF 9FF CFF FFF

 Kaynakça 

Kategori:Web renkleri