Renk kod uygulamaları HTML üzerinden renklendirme yapmak için kullanılabileceği gibi yazıları renklendirmek için de tercih edilebilir. HTML üzerinden renk kodu ile istenilen renk kolayca kullanılabilir. Renk kodu yazarken doğru sıralama yapmak önemlidir. Birçok rengin numarası birbirine yakındır ve bu neden ile kodların yazımına dikkat etmek gerekir.
Renk | HTML Kodu |
---|---|
#000000 | |
#FF0000 | |
#00FF00 | |
#0000FF | |
#FFFF00 | |
#00FFFF | |
#FF00FF | |
#C0C0C0 | |
#FFFFFF |
HTML Renk Kodu Ekleme
HTML renk ekleme için renk kodlarına hakim olmak gerekir. İstenilen rengin kodu ile HTML üzerinden işlem yapılır. Bu aşama hex kodları kullanılır. HTML etiketinin üzerinden div oluşturulması ve ardından renk kodunun girilmesi gerekir. Yazıyı renklendirmek ve yazı fontunu değiştirmek oldukça kolaydır. Kodlara internetten ulaşmak da oldukça basit bir işlemdir.
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 |
Renk İsmi | HEX kodu | Renk |
---|---|---|
AliceBlue | #F0F8FF | |
AntiqueWhite | #FAEBD7 | |
Aqua | #00FFFF | |
Aquamarine | #7FFFD4 | |
Azure | #F0FFFF | |
Beige | #F5F5DC | |
Bisque | #FFE4C4 | |
Black | #000000 | |
BlanchedAlmond | #FFEBCD | |
Blue | #0000FF | |
BlueViolet | #8A2BE2 | |
Brown | #A52A2A | |
BurlyWood | #DEB887 | |
CadetBlue | #5F9EA0 | |
Chartreuse | #7FFF00 | |
Chocolate | #D2691E | |
Coral | #FF7F50 | |
CornflowerBlue | #6495ED | |
Cornsilk | #FFF8DC | |
Crimson | #DC143C | |
Cyan | #00FFFF | |
DarkBlue | #00008B | |
DarkCyan | #008B8B | |
DarkGoldenRod | #B8860B | |
DarkGray | #A9A9A9 | |
DarkGrey | #A9A9A9 | |
DarkGreen | #006400 | |
DarkKhaki | #BDB76B | |
DarkMagenta | #8B008B | |
DarkOliveGreen | #556B2F | |
Darkorange | #FF8C00 | |
DarkOrchid | #9932CC | |
DarkRed | #8B0000 | |
DarkSalmon | #E9967A | |
DarkSeaGreen | #8FBC8F | |
DarkSlateBlue | #483D8B | |
DarkSlateGray | #2F4F4F | |
DarkSlateGrey | #2F4F4F | |
DarkTurquoise | #00CED1 | |
DarkViolet | #9400D3 | |
DeepPink | #FF1493 | |
DeepSkyBlue | #00BFFF | |
DimGray | #696969 | |
DimGrey | #696969 | |
DodgerBlue | #1E90FF | |
FireBrick | #B22222 | |
FloralWhite | #FFFAF0 | |
ForestGreen | #228B22 | |
Fuchsia | #FF00FF | |
Gainsboro | #DCDCDC | |
GhostWhite | #F8F8FF | |
Gold | #FFD700 | |
GoldenRod | #DAA520 | |
Gray | #808080 | |
Grey | #808080 | |
Green | #008000 | |
GreenYellow | #ADFF2F | |
HoneyDew | #F0FFF0 | |
HotPink | #FF69B4 | |
IndianRed | #CD5C5C | |
Indigo | #4B0082 | |
Ivory | #FFFFF0 | |
Khaki | #F0E68C | |
Lavender | #E6E6FA | |
LavenderBlush | #FFF0F5 | |
LawnGreen | #7CFC00 | |
LemonChiffon | #FFFACD | |
LightBlue | #ADD8E6 | |
LightCoral | #F08080 | |
LightCyan | #E0FFFF | |
LightGoldenRodYellow | #FAFAD2 | |
LightGray | #D3D3D3 | |
LightGrey | #D3D3D3 | |
LightGreen | #90EE90 | |
LightPink | #FFB6C1 | |
LightSalmon | #FFA07A | |
LightSeaGreen | #20B2AA | |
LightSkyBlue | #87CEFA | |
LightSlateGray | #778899 | |
LightSlateGrey | #778899 | |
LightSteelBlue | #B0C4DE | |
LightYellow | #FFFFE0 | |
Lime | #00FF00 | |
LimeGreen | #32CD32 | |
Linen | #FAF0E6 | |
Magenta | #FF00FF | |
Maroon | #800000 | |
MediumAquaMarine | #66CDAA | |
MediumBlue | #0000CD | |
MediumOrchid | #BA55D3 | |
MediumPurple | #9370D8 | |
MediumSeaGreen | #3CB371 | |
MediumSlateBlue | #7B68EE | |
MediumSpringGreen | #00FA9A | |
MediumTurquoise | #48D1CC | |
MediumVioletRed | #C71585 | |
MidnightBlue | #191970 | |
MintCream | #F5FFFA | |
MistyRose | #FFE4E1 | |
Moccasin | #FFE4B5 | |
NavajoWhite | #FFDEAD | |
Navy | #000080 | |
OldLace | #FDF5E6 | |
Olive | #808000 | |
OliveDrab | #6B8E23 | |
Orange | #FFA500 | |
OrangeRed | #FF4500 | |
Orchid | #DA70D6 | |
PaleGoldenRod | #EEE8AA | |
PaleGreen | #98FB98 | |
PaleTurquoise | #AFEEEE | |
PaleVioletRed | #D87093 | |
PapayaWhip | #FFEFD5 | |
PeachPuff | #FFDAB9 | |
Peru | #CD853F | |
Pink | #FFC0CB | |
Plum | #DDA0DD | |
PowderBlue | #B0E0E6 | |
Purple | #800080 | |
Red | #FF0000 | |
RosyBrown | #BC8F8F | |
RoyalBlue | #4169E1 | |
SaddleBrown | #8B4513 | |
Salmon | #FA8072 | |
SandyBrown | #F4A460 | |
SeaGreen | #2E8B57 | |
SeaShell | #FFF5EE | |
Sienna | #A0522D | |
Silver | #C0C0C0 | |
SkyBlue | #87CEEB | |
SlateBlue | #6A5ACD | |
SlateGray | #708090 | |
SlateGrey | #708090 | |
Snow | #FFFAFA | |
SpringGreen | #00FF7F | |
SteelBlue | #4682B4 | |
Tan | #D2B48C | |
Teal | #008080 | |
Thistle | #D8BFD8 | |
Tomato | #FF6347 | |
Turquoise | #40E0D0 | |
Violet | #EE82EE | |
Wheat | #F5DEB3 | |
White | #FFFFFF | |
WhiteSmoke | #F5F5F5 | |
Yellow | #FFFF00 | |
YellowGreen | #9ACD32 |
Örnek html kodları;
style="background-color:#FFFFFF"
style="color:#FFFFFF"
style="border:#FFFFFF"
font color="#FFFFFF"
Fotoğraftan Renk Kodu Bulma
Görselden renk kodu bulma için kullanılan online internet siteleri, mobil uygulamalar ve programlar bulunur. Bir rengin renk koduna ulaşmak için görselin kaydı ve ayarlar bölümü de kullanılabilir. Siteler aracılığı ile görselde yer alan renk koduna kolayca ulaşılabilir.
- https://imagecolorpicker.com/ sitesi yardımıyla istediğiniz fotoğraftan renk kodu alabilirsiniz.
Renk Kodları Discord
Discord renk kodu ile temelinde HTML ile uyumludur ve hex kodlamasına sahiptir. Discord uygulaması için kullanılan renk kodları da hex kodları gibi 6 hanelidir ve çoğunlukla hem harf hem de rakamda oluşur. Discord renk kodlarından popüler olanlar şunlardır:
- Beyaz #FFFFFF
- Koyu menekşe #BA55D3
- Koyu yeşil #BDB76B
- Gri limon #FFE4B5
- Tam siyah değil #23272A
- Koyu ama siyah değil #2C2F33
Renklerde Hex Kodu Ne Anlama Gelir?
Hex kodunun anlamı temelde RGB’nin formülüdür. Hex kodu üç farklı değerin bir arada kullanılması ile RGB’nin ortaya çıkmasını sağlayan bir sistemdir. HTML’nin önemli bölümlerinden biri olan hex renk kodları ile renkler daha rahat kategorize edilir ve yönetilir. Renklerde hex kodu hashtag işareti ile kullanılır.
Örneğin lacivert rengin hex koduna çevrilmiş hali #000080’dir. Genellikle 6 haneden oluşan hex kodları sadece harf, sadece rakam ya da hem harf hem de rakamdan oluşabilir. Hex kodlarının içerisinde sembol olmaz ve kullanılan tek betimleme hashtag (#) işaretidir. Hashtag işareti olmadan hex kodunun kullanılması mümkün değildir.
Yaygın Hex Renk Kodları
Hex renk kodlarından bazıları oldukça yaygındır. Bu renk kodlarının yaygın oluşu ise kullanımı daha kolay bir hale getirir ve kişiler hızlıca işlem yapabilir. Hex renk kodlarından yaygın olanları şunlardır:
- Lacivert #000080
- Bordo #800000
- Mavi #0000FF
- Kırmızı #FF0000
- Sarı #FFFF00
- Turuncu #FFA500
- Olive #808000
- Yeşil #008000
- Fildişi #FFFFF0
- Gri #808080
- Mor #800080
- Aqua #00FFFF
- Siyah #000000
- Beyaz #FFFFFF
Hex Renk Kodlarında Harf ve Sayı Kullanımı
Hex renk kodlarının yazımı esnasında birtakım kurallar olduğundan yukarıda bahsetmiştik. Bir hex renk kodu altı haneli olur ve içerisinde harf ve / veya rakam barındırır. Harf ve rakamlar dışında farklı semboller kullanılmaz. Hex renk kodları 1 ve 9 arasında ise bu durumda öncelik rakamlarındır. 1 ve 9 arasında değerlerden bahsedilirken doğrudan değerin ifade ettiği rakam kullanılmalıdır.
9’dan daha yüksek değerlerden bahsedilecek ise bu noktada değer aralığı değiştirilir ve sembol olarak rakamlar değil harfler kullanılır. Buna örnek vermek gerekirse renk kodu için biçilen değer 10 ise büyük harf ile A harfi kullanılır. 9’dan sonra kullanılan tüm değerler için büyük harfler tercih edilir. 11 için B, 12 için C, 13 için D, 14 için E ve 15 için F harfi kullanılır. Evrensel bir dildir ve hangi ülkede olunur ise olunsun hex renk kodu ataması yapılırken bu yöntem tercih edilir.
Daha fazla ilgili içerik;
- Web Tasarım Fiyatları
- Etkileyici Web Sitesi Tanıtım Yazısı
- Web Sitesi Nasıl Yapılır Sıfırdan Başlayanlar
HTML Renkli Yazı Nasıl Yazılır?
HTML’de renkli yazı yazmak için, yazının rengini belirtmek için bir renk kodu kullanabilirsiniz. Renk kodu, bir veya daha fazla karakterden oluşan bir koddur. Bu kod, rengin kırmızı, yeşil ve mavi (RGB) bileşenlerini temsil eder.
Renk kodunu belirtmek için, yazının rengini belirtmek istediğiniz etiketin style özelliğini kullanabilirsiniz. Style özelliği, yazının rengini, boyutunu, stilini ve diğer özelliklerini belirtmek için kullanılır.
Yazı Rengi Nasıl Değiştirilir?
Yazı rengini değiştirmek için, yazının rengini belirtmek istediğiniz etiketin style özelliğindeki color niteliğini kullanabilirsiniz. Color niteliği, yazının rengini belirtmek için bir renk kodu içerir.
Renk Kodu Nasıl Yazılır?
Renk kodu, bir veya daha fazla karakterden oluşan bir koddur. Bu kod, rengin kırmızı, yeşil ve mavi (RGB) bileşenlerini temsil eder.
Renk kodunu belirtirken, aşağıdaki kurallara uymanız gerekir:
- Kod, “#” karakteriyle başlamalıdır.
- Kod, 0-255 arasında bir sayı veya bir harf içermelidir.
- Kod, en az bir sayı veya harf içermelidir.
CSS Renk Kodları Nasıl Yazılır?
CSS’de renk kodu yazmak için, aynı HTML’de renk kodu yazmak için kullanılan kuralları kullanabilirsiniz. CSS’de renk kodunu belirtmek için, yazının rengini belirtmek istediğiniz etiketin style özelliğini kullanabilirsiniz.
HTML Yazı Rengi Nasıl Değiştirilir?
HTML’de yazı rengini değiştirmek için, yazının rengini belirtmek istediğiniz etiketin style özelliğindeki color niteliğini kullanabilirsiniz. Color niteliği, yazının rengini belirtmek için bir renk kodu içerir.
Örneğin, aşağıdaki kod, “Merhaba Dünya” ifadesinin rengini kırmızı olarak değiştirir:
HTML
<h1 style="color: #FF0000;">Merhaba Dünya</h1>
Kodu kullanırken dikkatli olun. Daha fazla bilgi
Bu kod, “Merhaba Dünya” ifadesinin rengini #FF0000 renk koduna göre değiştirir. #FF0000 renk kodu, kırmızı rengin RGB bileşenlerini temsil eder.
HTML Renk Kodu Nasıl Eklenir?
HTML’de renk kodu eklemek için, yazının rengini belirtmek istediğiniz etiketin style özelliğindeki color niteliğini kullanabilirsiniz. Color niteliği, yazının rengini belirtmek için bir renk kodu içerir.
Örneğin, aşağıdaki kod, “Merhaba Dünya” ifadesinin rengini kırmızı olarak değiştirir ve yazının boyutunu 20 piksel olarak ayarlar:
HTML
<h1 style="color: #FF0000; font-size: 20px;">Merhaba Dünya</h1>
Kodu kullanırken dikkatli olun. Daha fazla bilgi
Bu kod, “Merhaba Dünya” ifadesinin rengini #FF0000 renk koduna göre değiştirir ve yazının boyutunu 20 piksel olarak ayarlar.
Diğer Renk Kodları
HTML’de kullanılan bazı renk kodları şunlardır:
* Renk Kodu | Rengin Adı |
---|---|
#FF0000 | Kırmızı |
#00FF00 | Yeşil |
#0000FF | Mavi |
#FFFF00 | Sarı |
#00FFFF | Turkuaz |
#FF00FF | Mor |
#000000 | Siyah |
#FFFFFF | Beyaz |
Daha fazla renk kodu için, W3Schools renk kodu sayfasını: https://www.w3schools.com/colors/colors_hex.asp ziyaret edebilirsiniz.