Html renklerinin tablosu (palet) size ihtiyacınız olan tonu bağımsız olarak seçme fırsatı verir. Renk değeri üç biçimde görüntülenir: Hex, RGB ve HSV.
Renk kodunu girin: GİT
Tablo, renklerin adlarını listeler. ingilizce dili(değer olarak kullanılabilir) tüm tarayıcılar ve onaltılık değerleri tarafından desteklenir. Listelenen tüm renkler "güvenli"dir, yani tüm tarayıcılarda aynı şekilde oluşturulacaktır.
| Renk adı | HEX | Renk |
|---|---|---|
| Siyah | #000000 | |
| Donanma | #000080 | |
| koyu mavi | #00008B | |
| Orta mavi | #0000CD | |
| Mavi | #0000FF | |
| koyu yeşil | #006400 | |
| Yeşil | #008000 | |
| deniz mavisi | #008080 | |
| koyuCyan | #008B8B | |
| DerinGökyüzüMavi | #00BFFF | |
| koyu turkuaz | #00CED1 | |
| OrtaBaharYeşil | #00FA9A | |
| Misket Limonu | #00FF00 | |
| İlkbahar yesili | #00FF7F | |
| su | #00FFFF | |
| camgöbeği | #00FFFF | |
| gece yarısı mavisi | #191970 | |
| atlayan mavi | #1E90FF | |
| AçıkDenizYeşil | #20B2AA | |
| Orman yeşili | #228B22 | |
| deniz yeşili | #2E8B57 | |
| KaranlıkArduvazGri | #2F4F4F | |
| Limon yeşili | #32CD32 | |
| OrtaDenizYeşil | #3CB371 | |
| Turkuaz | #40E0D0 | |
| Kraliyet mavisi | #4169E1 | |
| çelik mavisi | #4682B4 | |
| KoyuArduvazMavi | #483D8B | |
| Orta Turkuaz | #48D1CC | |
| çivit | #4B0082 | |
| KoyuZeytinYeşil | #556B2F | |
| Harbiyeli Mavi | #5F9EA0 | |
| Peygamber ÇiçeğiMavi | #6495ED | |
| OrtaAquaMarine | #66CDAA | |
| Soluk Gri | #696969 | |
| Arduvaz Mavisi | #6A5ACD | |
| ZeytinDrab | #6B8E23 | |
| arduvazgri | #708090 | |
| IşıkArduvazGri | #778899 | |
| OrtaArduvazMavi | #7B68EE | |
| ÇimYeşil | #7CFC00 | |
| tablo | #7FFF00 | |
| akuamarin | #7FFFD4 | |
| kestane rengi | #800000 | |
| Mor | #800080 | |
| zeytin | #808000 | |
| Gri | #808080 | |
| gökyüzü mavi | #87CEEB | |
| IşıkGökyüzüMavi | #87CEFA | |
| Mavi menekşe | #8A2BE2 | |
| koyu Kırmızı | #8B0000 | |
| KoyuEflatun | #8B008B | |
| EyerKahverengi | #8B4513 | |
| KaranlıkDenizYeşil | #8FBC8F | |
| Açık yeşil | #90EE90 | |
| Orta Mor | #9370D8 | |
| koyu mor | #9400D3 | |
| soluk yeşil | #98FB98 | |
| kara orkide | #9932CC | |
| sarı yeşil | #9ACD32 | |
| Sienna | #A0522D | |
| Kahverengi | #A52A2A | |
| koyu gri | #A9A9A9 | |
| açık mavi | #ADD8E6 | |
| Yeşil sarı | #ADFF2F | |
| paleturkuaz | #AFEEEE | |
| IşıkÇelikMavi | #B0C4DE | |
| Toz mavi | #B0E0E6 | |
| ateş tuğlası | #B22222 | |
| KaranlıkAltınÇubuk | #B8860B | |
| orta boy orkide | #BA55D3 | |
| pembeKahverengi | #BC8F8F | |
| DarkHaki | #BDB76B | |
| Gümüş | #C0C0C0 | |
| OrtaMenekşeKırmızı | #C71585 | |
| HintKırmızı | #CD5C5C | |
| Peru | #CD853F | |
| Çikolata | #D2691E | |
| bronzluk | #D2B48C | |
| açık gri | #D3D3D3 | |
| SolukMenekşeKırmızı | #D87093 | |
| devedikeni | #D8BFD8 | |
| Orkide | #DA70D6 | |
| altın çubuk | #DAA520 | |
| kızıl | #DC143C | |
| kazançlar | #DCDCDC | |
| Erik | #DDA0DD | |
| burlywood | #DEB887 | |
| Açık cam göbeği | #E0FFFF | |
| Lavanta | #E6E6FA | |
| koyu somon | #E9967A | |
| menekşe | #EE82EE | |
| SolukAltınÇubuk | #EEE8AA | |
| IşıkMercan | #F08800 | |
| Haki | #F0E68C | |
| Alice Mavi | #F0F8FF | |
| şeker kavunu | #F0FFF0 | |
| Azure | #F0FFFF | |
| kumlu kahverengi | #F4A460 | |
| Buğday | #F5DEB3 | |
| Bej | #F5F5DC | |
| Beyaz duman | #F5F5F5 | |
| NaneKrem | #F5FFFA | |
| hayalet beyaz | #F8F8FF | |
| Somon | #FA8072 | |
| Antik Beyaz | #FAEBD7 | |
| keten | #FAF0E6 | |
| IşıkAltınÇubukSarı | #FAFAD2 | |
| eski dantel | #FDF5E6 | |
| Kırmızı | #FF0000 | |
| Fuşya | #FF00FF | |
| macenta | #FF00FF | |
| derin pembe | #FF1493 | |
| turuncuKırmızı | #FF4500 | |
| domates | #FF6347 | |
| sıcak pembe | #FF69B4 | |
| Mercan | #FF7F50 | |
| koyu turuncu | #FF8C00 | |
| hafif somon | #FFA07A | |
| Turuncu | #FFA500 | |
| açık pembe | #FFB6C1 | |
| Pembe | #FFC0CB | |
| Altın | #FFD700 | |
| şeftaliPuff | #FFDAB9 | |
| NavajoBeyaz | #FFDEAD | |
| mokasen | #FFE4B5 | |
| bisküvi | #FFE4C4 | |
| MistyGül | #FFE4E1 | |
| beyazlatılmış badem | #FFEBCD | |
| Papaya Kırbaç | #FFEFD5 | |
| LavantaAllık | #FFF0F5 | |
| deniz kabuğu | #FFF5EE | |
| Mısır püskülü | #FFF8DC | |
| limonŞifon | #FFFACD | |
| ÇiçekBeyaz | #FFFAF0 | |
| Kar | #FFFAFA | |
| Sarı | #FFFF00 | |
| Açık sarı | #FFFFE0 | |
| Fildişi | #FFFFF0 | |
| Beyaz | #FFFFFF |
HEX, renkleri taban 16'da temsil eden onaltılık bir sistemdir. Bu sistem için, dijital sayıyı 16'ya tamamlamak için 0'dan 9'a kadar Arapça ondalık basamaklar ve A'dan F'ye kadar Latin harfleri kullanılır. Web tasarımı için, 16 ana (anahtar) renk , sözde onaltılık renk kodu #RRGGBB, burada her çift kendi renk payından sorumludur: RR - kırmızı, GG - yeşil ve BB - mavi. Her renk fraksiyonu 00 ile FF arasında değişir.
Web tasarımındaki diğer iki renk temsili: RGB(*,*,*) biçimindedir; burada rengin her bir "*" kısmı 0'dan 255'e kadar ondalık basamaklarla ve İngilizce renk adlarıyla temsil edilir.
Renkli bir görüntü oluştururken asıl sorun, farklı bilgisayar, monitör ve tarayıcı türlerinde renklerin doğru şekilde çoğaltılmasıdır. Tarayıcı bir rengi doğru şekilde işleyemezse, birden çok rengi eşleştirir veya karıştırır. Ve bazen tamamen farklı bir renkle değiştirilebilir.
Masa 16 ana renk, tüm tarayıcılarda kullanılan
| İsim | Renk | altıgen | (RGB) |
| Aqua (deniz dalgası) | #00FFFF | (000,255,255) | |
| Siyah siyah) | #000000 | (000,000,000) | |
| Mavi Mavi) | #0000FF | (000,000,255) | |
| Fuşya (eflatun) | #FF00FF | (255,000,255) | |
| gri (gri) | #808080 | (128,128,128) | |
| Yeşil Yeşil) | #008000 | (000,128,000) | |
| Kireç (parlak yeşil) | #00FF00 | (000,255,000) | |
| bordo (bordo) | #800000 | (128,000,000) | |
| Lacivert (koyu mavi) | #000080 | (000,000,128) | |
| Zeytin (zeytin) | #808000 | (128,128,000) | |
| Mor (mor) | #800080 | (128,000,128) | |
| Kıpkırmızı) | #FF0000 | (255,000,000) | |
| gümüş (gümüş) | #C0C0C0 | (192,192,192) | |
| Deniz mavisi (gri yeşil) | #008080 | (000,128,128) | |
| Beyaz beyaz) | #FFFFFF | (255,255,255) | |
| Sarı (sarı) | #FFFF00 | (255,255,000) |
Masa mor renkler ve gölgeler
| İsim | Renk | altıgen | (RGB) |
| Macenta (eflatun) | #FFCBDB | (255,203,219) | |
| Macenta (eflatun) | #FF0099 | (255,000,153) | |
| Macenta (eflatun) | #F95A61 | (249,090,097) | |
| Fuşya (fuşya) | #FF00FF | (255,000,255) | |
| Mauveine (anilin moru) | #EF0097 | (239,000,151) | |
| Somon pembesi (turuncu pembe) | #FF91A4 | (255,145,164) | |
| Cenise (eflatun rengi) | #DE3163 | (153,149,140) | |
| Patlıcan Patlıcan (Patlıcan) | #990066 | (153,000,132) | |
| Lavanta allık (pembemsi lavanta) | #FFF0F5 | (255,240,245) | |
| Leylak (leylak) | #C8A2C8 | (200,162,200) | |
| Macenta (eflatun) | #FF008F | (255,000,143) | |
| Orkide (orkide) | #DA70D6 | (218,112,214) | |
| Kırmızı-mor (mor-kırmızı) | #C71585 | (199,021,133) | |
| Sanguine (sanguine) | #92000A | (146,000,010) | |
| Devedikeni (eflatun rengi) | #D8BFD8 | (185,211,238) | |
| Menekşe-patlıcan (eflatun rengi) | #991199 | (153,017,153) | |
| Rosa vivo (zengin pembe) | #FF007F | (255,000,127) | |
| Lavanta-gül (morun bir tonu) | #FBA0E3 | (108,123,139) | |
| Mountbatten pembesi (Mounbatten pembesi) | #997ABD | (153,122,141) |
Masa gri renkler ve gölgeler
| İsim | Renk | altıgen | (RGB) |
| Gri) | #808080 | (128,128,128) | |
| Gri) | #bebek | (190,190,190) | |
| (gri renk) | #858585 | (133,133,133) | |
| Gri33 (Gri-33) | #545454 | (084,084,084) | |
| (gri arduvaz) | #708090 | (112,128,144) | |
| (Kuvars) | #99958с | (153,149,140) | |
| (Açık gri) | #bbbbbb | (187,187,187) | |
| (Gümüş) | #c0c0c0 | (192,192,192) | |
| (gri beyaz) | #f0f0f0 | (240,240,240) | |
| (Abdel-Kerim'in Sakalları) | #e0e0e0 | (224,224,224) | |
| LightGray (Açık gri) | #d3d3d3 | (211,211,211) | |
| LightStateGray() | #778899 | (119,136,153) | |
| StateGray-1 (Soluk peygamber çiçeği mavisi1) | #c6e2ff | (198,226,255) | |
| StateGray-2 (Soluk peygamber çiçeği mavisi2) | #b9d3ee | (185,211,238) | |
| StateGray3() | #9fb6cd | (159,182,205) | |
| StateGray4() | #6c7b8b | (108,123,139) |
HTML'de renk üç şekilde belirtilebilir:
Bazı renkler, değer olarak İngilizce rengin adını kullanarak adlarıyla belirtilebilir. En yaygın anahtar kelimeler: siyah (siyah), beyaz (beyaz), kırmızı (kırmızı), yeşil (yeşil), mavi (mavi), vb.:
Metin Rengi - Kırmızı
World Wide Web Consortium (W3C) standardının en popüler renkleri şunlardır:
| Renk | İsim | Renk | İsim | Renk | İsim | Renk | İsim |
|---|---|---|---|---|---|---|---|
| Siyah | Gri | Gümüş | Beyaz | ||||
| Sarı | Misket Limonu | su | Fuşya | ||||
| Kırmızı | Yeşil | Mavi | Mor | ||||
| kestane rengi | zeytin | Donanma | deniz mavisi |
Farklı renk adlarının kullanımına bir örnek:
Monitörde farklı renkler gösterilirken RGB paleti esas alınır. Üç ana renk karıştırılarak herhangi bir renk elde edilir: R - kırmızı, G - yeşil (yeşil), B - mavi (mavi). Her rengin parlaklığı bir bayt ile verilir ve bu nedenle 0'dan 255'e kadar değerler alabilir. Örneğin, RGB (255,0,0), kırmızı en yüksek değerine (255) ayarlandığından kırmızı olarak işlenir ve kalanı 0'a ayarlanmıştır Rengi yüzde olarak da ayarlayabilirsiniz. Parametrelerin her biri, karşılık gelen rengin parlaklık seviyesini gösterir. Örneğin: rgb(127, 255, 127) ve rgb(50%, 100%, 50%) değerleri aynı orta doygunluk yeşil rengini ayarlayacaktır:
değerler R G B ayrıca şu şekildeki onaltılık (HEX) renk değerleri kullanılarak belirtilebilir: #RRGGBB burada RR (kırmızı), GG (yeşil) ve BB (mavi), 00 ile FF arasındaki onaltılık değerlerdir (ondalık 0- ile aynı) 255) . Onaltılık sistem, ondalık sistemin aksine, adından da anlaşılacağı gibi 16 sayısına dayanır. Onaltılık sistem şu karakterleri kullanır: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Burada 10'dan 15'e kadar olan sayılar Latin harfleriyle değiştirilir. Onaltılık sistemde 15'ten büyük sayılar, iki karakterin tek bir değerde birleşimidir. Örneğin, ondalık olarak en yüksek sayı 255, onaltılık olarak en yüksek FF'ye karşılık gelir. Ondalık sistemden farklı olarak, onaltılık sayının önünde bir pound işareti bulunur. # örneğin, kırmızı en yüksek değerine (FF) ve diğer renkler minimum değerlerine (00) ayarlandığından #FF0000 kırmızı olarak görüntülenir. Karma sembolünden sonraki karakterler # hem büyük hem de küçük harfle yazılabilir. Onaltılık sistem, her karakterin iki katına eşit olduğu kısaltılmış #rgb biçimini kullanmanıza izin verir. Bu nedenle, #f7O girişi #ff7700 olarak kabul edilmelidir.
Yaygın olarak kullanılan renklerin listesi (isim, HEX ve RGB):
| ingilizce isim | Rus adı | Örneklem | HEX | RGB | ||
|---|---|---|---|---|---|---|
| solmayan çiçek | solmayan çiçek | #E52B50 | 229 | 43 | 80 | |
| kehribar | kehribar | #FFBF00 | 255 | 191 | 0 | |
| su | Mavi-yeşil | #00FFFF | 0 | 255 | 255 | |
| Azure | Azure | #007FFF | 0 | 127 | 255 | |
| Siyah | Siyah | #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 | |
| Cerulean | Azure | #007BA7 | 0 | 123 | 167 | |
| koyu bahar yeşili | Koyu bahar yeşili | #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 | |
| Altın | Altın | #FFD700 | 250 | 215 | 0 | |
| Gri | Gri | #808080 | 128 | 128 | 128 | |
| Yeşil | Yeşil | #00FF00 | 0 | 255 | 0 | |
| çivit | çivit | #4B0082 | 75 | 0 | 130 | |
| yeşim taşı | yeşim taşı | #00A86B | 0 | 168 | 107 | |
| Misket Limonu | 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 | Kabak | #FF7518 | 255 | 117 | 24 | |
| Mor | Menekşe | #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 | Bolotni | #ACB78E | 172 | 183 | 142 | |
| deniz mavisi | Mavi-yeşil | #008080 | 0 | 128 | 128 | |
| Lacivert | lacivert | #120A8F | 18 | 10 | 143 | |
| menekşe | Menekşe | #8B00FF | 139 | 0 | 255 | |
| Sarı | Sarı | #FFFF00 | 255 | 255 | 0 | |
Doygunluk ve tona göre renk kodları (arka plan).
>>Renk Yönetimi
Renkleri tanımlama ve işleme yöntemleri, amaçlanan nihai temsil açısından birbirinden farklıdır. Örneğin, poligrafi ve bilgisayar monitörleri için renk temsillerini karşılaştıralım. İlk durumda, temel beyaz daha sonra üzerine üç ana rengin uygulandığı kağıdın rengi: mavi, mor ve Sarı. Birbirleriyle ve farklı oranlarda kağıdın beyaz rengiyle karışan bu üç ana renk, saf siyah dışında farklı renk tonları verir veya renklerin tamamen yokluğunda beyaz kağıda verir. Onlara siyah eklersek, CMYK- Beyazdan eksik renkler çıkarılarak istenilen renk elde edildiğinde rengi aktarmanın bir yolu.
İkinci durumda, temel siyah her hücresi üç renkten birinde parlayan monitör ekranının rengi: kırmızı-kırmızı, Yeşil-yeşil ve mavi-mavi. Ardından, herhangi bir ışımanın tamamen yokluğunda, ekranın saf siyah rengini elde ederiz ve gerekli renklerden herhangi biri, üç rengin her birinin oranı ile verilir. Bu durumda alacağımız RGB- Renk transfer yöntemi. Birincil renklerin anlamları olabilir 0
önceki 255
, veya 0%
önceki 100%
veya onaltılık bir değer olarak gösterilebilir. Aşağıdaki şekilde ana renklerin karıştırılmasının sonuçlarını görebilirsiniz.
Onaltılık sayı sistemi, ondalık sayı sisteminin aksine, basamak dizisinde on basamak değil, on altıdır - bu nedenle adı. Buna göre, iki basamaklı kombinasyonların tekrarlanmayan varyantları yalnızca - 256 , sonra rakam dizisine devam etmek için 9 gelen mektuplar Aönceki F, böylece satır şöyle görünecek -
| 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
Bu durumda, renk, her biri iki basamaktan oluşan üç onaltılık sayı ile verilir. İlk sayı yoğunluğu belirler kırmızı renkler, ortalama Yeşil, son şey- mavi renkler. Tüm sayılar arasında değişen değerler alabilir 00 önceki FF(0'dan 255'e kadar). Örneğin: yeşil renk olarak verilir #00FF00, kırmızı gibi #FF0000, mavi gibi #0000FF, beyaz gibi #FFFFFF, renk veya siyahın tamamen yokluğu şu şekilde verilir: #000000 .
Aşağıdaki formda, üç rengin her biri için herhangi bir onaltılık değer ayarlayabilir ve çıktı alanına tıklayarak bunların karıştırılma sonucunu görebilirsiniz.
Bazı onaltılık RGB renk değerlerine örnekler: kırmızı, mavi ve yeşil tonlamalar.
| görüş | kod | görüş | kod | görüş | kod | görüş | kod | görüş | kod | görüş | kod |
| #010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
| #100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
| #200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
| #300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
| #400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
| #500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
| #600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
| #700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Kullanım kolaylığı için bazı renklere ve kombinasyonlarına tüm tarayıcılar tarafından tanınan isimler verildi ve birçoğunun isimle ayarlanması mümkün hale geldi. Aşağıdaki tablo bazı renk adlarını göstermektedir:
| görüş | isim | görüş | isim | görüş | isim | görüş | isim |
| Beyaz | Kırmızı | Turuncu | Sarı | ||||
| Yeşil | Mavi | Mor | Siyah | ||||
| Alice Mavi | Antik Beyaz | su | akuamarin | ||||
| Azure | Bej | bisküvi | beyazlatılmış badem | ||||
| Mavi menekşe | Kahverengi | burlywood | öğrenci mavisi | ||||
| tablo | Çikolata | Mercan | Peygamber Çiçeğimavi | ||||
| Mısır püskülü | kızıl | camgöbeği | koyu mavi | ||||
| koyu mavi | kara altınbaşak | koyu gri | koyu yeşil | ||||
| koyu haki | koyu eflatun | koyu zeytin yeşili | koyu turuncu | ||||
| karaorkide | koyu Kırmızı | kara somon | koyu deniz yeşili | ||||
| koyu arduvaz mavisi | koyu arduvaz grisi | koyu turkuaz | Koyu mor | ||||
| Derin pembe | derin gök mavisi | Dimgray | atlayan mavi | ||||
| ateş tuğlası | çiçek beyazı | Orman yeşili | Fuşya | ||||
| kazançlar | hayalet beyaz | Altın | Altın Başak | ||||
| Gri | Yeşil sarı | Şeker kavunu | sıcak pembe | ||||
| Hint Kırmızısı | çivit | Fildişi | Haki | ||||
| Lavanta | lavanta allık | limon şifon | açık mavi | ||||
| ışık mercanı | açık cam göbeği | açıksoğuk sarı | açık yeşil | ||||
| açık gri | Açık pembe | hafif somon | açık deniz yeşili | ||||
| açık gök mavisi | arduvaz grisi | açık çelik mavi | açık sarı | ||||
| Misket Limonu | Limon yeşili | keten | macenta | ||||
| kestane rengi | orta akuamarin | orta mavi | orta boy orkide | ||||
| orta mor | Orta deniz yeşili | Mediumslateblue | Ortabaharyeşili | ||||
| orta turkuaz | orta menekşe rengi | gece yarısı mavisi | nane kreması | ||||
| puslu gül | Navajobeyaz | Donanma | ihtiyar | ||||
| zeytin | Zeytinyağı | turuncu kırmızı | Orkide | ||||
| palegoldenrod | Soluk yeşil | paleturkuaz | soluk renkli | ||||
| papaya kamçı | şeftali | Peru | Pembe | ||||
| Erik | Toz mavi | pembe kahverengi | Kraliyet mavisi | ||||
| eyer kahvesi | Deniz yeşili | deniz kabuğu | Sienna | ||||
| Gümüş | gökyüzü mavi | arduvaz mavisi | arduvaz grisi | ||||
| Kar | İlkbahar yesili | çelik mavisi | bronzluk | ||||
| deniz mavisi | devedikeni | domates | Turkuaz | ||||
| menekşe | Buğday | Beyaz duman | sarı yeşil |
Ne yazık ki, farklı sistem ayarlarıyla farklı platformlarda doğru renk üretimi bir sorundur. Mesele şu ki, tarayıcı her zaman belgenin renk paletini sistem ayarlarına ayarlamaya çalışır ve renkleri kendi başına karıştırıp değiştirerek yetenekleri izler. Sonuç olarak, bazen kullanıcı, web yöneticisinin kendisine göstermek istediği şeyi tam olarak göremeyebilir. Bu durumdan çıkış yolu, her rengin farklı platformlardaki tüm tarayıcılar tarafından aynı şekilde işlenmesi garanti edilen bir paletin kullanılmasında bulundu. Bu sözde garantili palet olarak da bilinir güvenli palet. Bu palet, renk bileşenleri aşağıdaki değerleri alan renkleri içerir: 00 ,33 ,66 ,99 , CC,FF, mümkün olan her şekilde 216 onların kombinasyonları.
| görüş | kod | görüş | kod | görüş | kod | görüş | kod | görüş | kod | görüş | kod |
| FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
| CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
| CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
| 99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
| CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
| 66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
| 33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
| CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
| 99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
| 66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
| 66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
| 99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
| CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
| 99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
| 66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
| 99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
| 0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
| 6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
| 3333FF | 3300FF | 3300CC | 3333CC | 000099 | 000066 | ||||||
| 9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
| CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
| 9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
| CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
| CC66FF | CC33FF | CC00FF | 9900CC | 996699 | 660066 | ||||||
| CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
| FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
| FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
| FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
| FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
| CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
| FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
| FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
| FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
| FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
| FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
| FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
CSS'deki renk kodları, renkleri belirtmek için kullanılır. Tipik olarak, renk kodları veya renk değerleri, bir öğenin ön planı (ör. metin, bağlantı rengi) veya öğenin arka planı (arka plan, blok rengi) için bir renk ayarlamak için kullanılır. Ayrıca düğme rengini, kenarlıkları, işaretçiyi, vurguyu ve diğer dekoratif efektleri değiştirmek için de kullanılabilirler.
Renk değerlerinizi çeşitli formatlarda ayarlayabilirsiniz. Aşağıdaki tablo tüm olası biçimleri listeler:
Bu biçimler aşağıda daha ayrıntılı olarak açıklanmaktadır.
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).
Kısa onaltılık renk kodu altı karakterli gösterimin daha kısa bir şeklidir. 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 herhangi bir grafikten alınabilir yazılım, gibi Adobe Photoshop, Çekirdek Çekme, vb.
CSS'deki her onaltılık renk kodunun önünde bir "#" karma işareti bulunur. Aşağıda onaltılık gösterimin kullanımına ilişkin örnekler verilmiştir.
RGB değeri rgb() özelliği kullanılarak ayarlanan bir renk kodudur. Bu özellik üç değer alır: kırmızı, yeşil ve mavi için birer tane. 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.
Hizmetimizle milyonlarca renk kodu oluşturabilirsiniz.
Aşağıda en güvenli ve bilgisayardan bağımsız 216 renkten oluşan bir tablo bulunmaktadır. CSS'deki bu renkler 000000 ile FFFFFF hex kodu arasında değişir. 256 renk paleti ile çalışırken tüm bilgisayarların rengi doğru şekilde göstermesini sağladıklarından kullanımı güvenlidir.
| CSS'de "güvenli" renkler 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 |
