Genelde RGB renk sistemindeki üçlü kod kullanılır ama bazen renklerin standart İngilizce adlarını yazmak da yeterlidir.
İlk web tarayıcılar (Mosaic ve Netscape Navigator) X11 renk adlarını kullanmışlardır. Bu ad sisteminin kökeni bilinmemektedir.
Üçlü Hex
Hex üçlüsü altı haneli, üç-baytlık hexadecimal bir numaradır. HTML, CSS ve diğer kodlarda renkleri bildirmek için kullanılır. Baytlar, kırmızı, yeşil ve mavi bileşenleri betimler. Numaralar da 00 ile FF arasında bir sayı belirtir. (Hexadecimal sistemde, 9'dan sonra A ile başlayarak harfler gelir) Yani 0 ile 255 arasında bir değer verirBu sistemle oluşturulabilen renk sayısı:
HTML renk adları
HTML tanımlamalarında 16 renk adı vardır:Color | Hexadecimal | Color | Hexadecimal | Color | Hexadecimal | Color | Hexadecimal |
---|---|---|---|---|---|---|---|
siyah | #000000 | gümüş | #c0c0c0 | bordo | #800000 | kırmızı | #ff0000 |
lacivert | #000080 | mavi | #0000ff | mor | #800080 | pembe | #ff00ff |
yeşil | #008000 | çimen | #00ff00 | kahve | #808000 | sarı | #ffff00 |
turkuaz | #008080 | cyan | #00ffff | gri | #808080 | beyaz | #ffffff |
X11 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.Renk adı | hexadecimal | Renk adı | hexadecimal |
---|---|---|---|
indianred | #cd5c5c | darksalmon | #e9967a |
lightcoral | #f08080 | salmon | #fa8072 |
orangered | #ff4500 | red | #ff0000 |
crimson | #dc143c | firebrick | #b22222 |
darkred | #8b0000 | mediumvioletred | #c71585 |
pink | #ffc0cb | lightpink | #ffb6c1 |
hotpink | #ff69b4 | deeppink | #ff1493 |
palevioletred | #db7093 | darkkhaki | #bdb76b |
khaki | #f0e68c | palegoldenrod | #eee8aa |
lightgoldenrodyellow | #fafad2 | lightyellow | #ffffe0 |
lemonchiffon | #fffacd | yellow | #ffff00 |
gold | #ffd700 | papayawhip | #ffefd5 |
moccasin | #ffe4b5 | peachpuff | #ffdab9 |
cyan | #00ffff | aqua | #00ffff |
aquamarine | #7fffd4 | turquoise | #40e0d0 |
mediumturquoise | #48d1cc | darkturquoise | #00ced1 |
cadetblue | #5f9ea0 | slategray | #708090 |
lightcyan | #e0ffff | paleturquoise | #afeeee |
powderblue | #b0e0e6 | lightsteelblue | #b0c4de |
steelblue | #4682b4 | lightblue | #add8e6 |
skyblue | #87ceeb | lightskyblue | #87cefa |
deepskyblue | #00bfff | cornflowerblue | #6495ed |
royalblue | #4169e1 | mediumslateblue | #7b68ee |
dodgerblue | #1e90ff | blue | #0000ff |
mediumblue | #0000cd | darkblue | #00008b |
navy | #000080 | midnightblue | #191970 |
lightsalmon | #ffa07a | orange | #ffa500 |
darkorange | #ff8c00 | coral | #ff7f50 |
tomato | #ff6347 | orangered | #ff4500 |
aquamarine | #7fffd4 | mediumspringgreen | #00fa9a |
springgreen | #00ff7f | palegreen | #98fb98 |
greenyellow | #adff2f | chartreuse | #7fff00 |
lawngreen | #7cfc00 | lime | #00ff00 |
lightgreen | #90ee90 | yellowgreen | #9acd32 |
limegreen | #32cd32 | mediumseagreen | #3cb371 |
darkseagreen | #8fbc8f | forestgreen | #228b22 |
seagreen | #2e8b57 | green | #008000 |
olivedrab | #6b8e23 | olive | #808000 |
darkolivegreen | #556b2f | darkgreen | #006400 |
mediumaquamarine | #66cdaa | turquoise | #40e0d0 |
lightseagreen | #20b2aa | darkcyan | #008b8b |
teal | #008080 | lavender | #e6e6fa |
thistle | #d8bfd8 | plum | #dda0dd |
violet | #ee82ee | fuchsia | #ff00ff |
magenta | #ff00ff | orchid | #da70d6 |
mediumorchid | #ba55d3 | darkorchid | #9932cc |
blueviolet | #8a2be2 | darkviolet | #9400d3 |
mediumpurple | #9370db | slateblue | #6a5acd |
purple | #800080 | darkmagenta | #8b008b |
darkslateblue | #483d8b | indigo | #4b0082 |
honeydew | #f0fff0 | mintcream | #f5fffa |
azure | #f0ffff | aliceblue | #f0f8ff |
ghostwhite | #f8f8ff | whitesmoke | #f5f5f5 |
lavenderblush | #fff0f5 | mistyrose | #ffe4e1 |
antiquewhite | #faebd7 | seashell | #fff5ee |
snow | #fffafa | white | #ffffff |
beige | #f5f5dc | linen | #faf0e6 |
oldlace | #fdf5e6 | floralwhite | #fffaf0 |
ivory | #fffff0 | gainsboro | #dcdcdc |
lightgrey | #d3d3d3 | silver | #c0c0c0 |
darkgray | #a9a9a9 | gray | #808080 |
dimgray | #696969 | darkslategray | #2f4f4f |
lightslategray | #778899 | slategray | #708090 |
cornsilk | #fff8dc | blanchedalmond | #ffebcd |
bisque | #ffe4c4 | navajowhite | #ffdead |
wheat | #f5deb3 | sandybrown | #f4a460 |
goldenrod | #daa520 | darkgoldenrod | #b8860b |
peru | #cd853f | chocolate | #d2691e |
maroon | #800000 | saddlebrown | #8b4513 |
brown | #a52a2a | sienna | #a0522d |
darkred | #8b0000 | burlywood | #deb887 |
tan | #d2b48c | rosybrown | #bc8f8f |
black | #000000 |
Web güvenli renkler
Alti çizili olan renk kodları, gerçekten güvenli renklerdir. Yani tüm ekran ve tarayıcılarda aynı sonucu verirler.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 |
066 | 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 |