Bir grafik tasarımcıysanız veya bir resim düzenleme programına yeni girdiyseniz, bir rengi değiştirmenize izin veren kutu, boya kovası, fırça, harfler... Sizi meraklandıran şey, bir renk seçtiğinizde ortaya çıkmasıdır. bir renk kodu, ne olduğunu biliyor musun?
Bu harf veya sayı kodlarının ne anlama geldiğini merak ettiyseniz ve daha fazlasını öğrenmek istiyorsanız, renk kodunun önemini, renkleri neden yansıttığını ve diğer merak edilen detayları anlamanıza yardımcı oluyoruz.
renk kodu nedir
Renk kodunu şu şekilde tanımlayabiliriz: bir ağın görüntülenebileceği renk gamı. Yani, bir web sitesinin nasıl görüneceğini belirlemek için yaklaşık 216 renkten oluşan bir palet içinde mevcut olan olasılıklar. Bu kod üç tür sisteme dayanabilir: RGB, HEX ve HSL (ikincisi artık kullanımdan kaldırılmıştır).
Aslında, renk kodunun amacı, tüm tarayıcılar için evrensel bir kod olarak hizmet etmektir, öyle ki, bu kodlarla elde edilen, aynı tonları Internet Explorer'da, Firefox Mozilla'da, Google Chrome'da yeniden üretmektir. …
Bunu bilmelisin bir bilgisayar 16 milyona kadar rengi ayırt edebilir, bu nedenle bir web sitesi oluşturmak veya görüntüleri değiştirmek için birçok olasılık vardır.
Renk kodu türleri
Size daha önce de söylediğimiz gibi, üç tür sistem vardır:
- RGB. En iyi bilinenidir ve kırmızı, mavi ve yeşil olmak üzere üç ana renkten oluşur ve bunların kombinasyonları sayesinde geri kalan renkler elde edilir. Temsiline gelince, 0 ile 255 arasında değişir ve görünen kod, virgülle ayrılmış ve parantezler arasında üç rakamdan oluşur.
- Onaltılık. Çoğunlukla HTML ve CSS'de kullanılır. Bu durumda, renkleri belirleyen kodları elde etmek için kendi aralarında düzenlenmiş hem rakamlardan hem de harflerden oluşur.
- HSL. Zaten kullanımdan kaldırıldı, bir renk oluştururken ton, doygunluk ve açıklığın kullanılmasına dayanır. Derece ve yüzdelerle belirlenir (virgülle ve parantez içinde ayrılmış üç rakam).
Kodlar neden önemlidir?
Artık renk kodlamasının ne olduğunu bildiğinize göre, uygulamasının anlaşılması kolaydır, çünkü belirli bir rengin görüntülenmesi için hangi kodun gerekli olduğunu belirlemek için kullanılır. Bu, örneğin web sayfalarında çalışır. Bir web sitesi belirli bir renkte arka plana sahipse, yazı tipi kırmızı, sarı, yeşil, mavi ... ve diğer birçok kullanımdaysa HTML kodu örtüktür.
Neden önemli olduğunu anlıyor musun? Örneğin, arka planı kırmızı olan bir web siteniz olduğunu hayal edin. Ve onu boş olana değiştirmek istiyorsun. Kırmızı rengi belirleyen kodu bilseydiniz, HTML kodundaki arama motorunu kullanarak bu rengin yansıdığı yeri (arka plan rengine bağlı) bulur ve hızlıca değiştirebilirsiniz. Ama ya sende yoksa? Bu bölümü bulana kadar arama yapmanız ve istediğiniz koda hangi kodun yakın olduğunu görmek için test etmeniz gerekir.
Bu nedenle, renk kodu, bir web sitesi tasarlarken, bir resim düzenlerken vb. Renkleri kullanabilmenin yanı sıra işi hızlandırmanıza yardımcı olur.
Renklerin listesi ve kodları Onaltılık ve RGB
Son olarak, sizi aşağıda bir ondalık kodları (RGB) ve onaltılık sayılarıyla birlikte var olan renklerin çoğunu bulabileceğiniz tablo böylece herhangi bir zamanda kodu değiştirmeniz gerekirse, bunu renk paletinde aramak zorunda kalmadan kolayca yapabilirsiniz.
etiket | Ondalık (R, G, B) | Onaltılık |
---|---|---|
Alice Mavi | rgb (240, 248, 255) | # F0F8FF |
Antik Beyaz | rgb (250, 235, 215) | # FAEBD7 |
su | rgb (0, 255, 255) | # 00FFFF |
akuamarin | rgb (127, 255, 212) | # 7FFFD4 |
masmavi | rgb (240, 255, 255) | # F0FFFF |
bej | rgb (245, 245, 220) | # F5F5DC |
sırsız porselen | rgb (255, 228, 196) | # FFE4C4 |
siyah | rgb (0, 0, 0) | #000000 |
beyazlatılmış badem | rgb (255, 235, 205) | #FFEBCD |
mavi | rgb (0, 0, 255) | # 0000FF |
Mavi menekşe | rgb (138, 43, 226) | # 8A2BE2 |
kahverengi | rgb (165, 42, 42) | # A52A2A |
Burlywood | rgb (222, 184, 135) | # DEB887 |
öğrenci mavisi | rgb (95, 158, 160) | # 5F9EA0 |
açık yeşil | rgb (127, 255, 0) | # 7FFF00 |
çikolata | rgb (210, 105, 30) | # D2691E |
mercan | rgb (255, 127, 80) | # FF7F50 |
Peygamber çiçeği mavisi | rgb (100, 149, 237) | # 6495ED |
Mısır püskülü | rgb (255, 248, 220) | # FFF8DC |
kıpkırmızı | rgb (220, 20, 60) | # DC143C |
mavi | rgb (0, 255, 255) | # 00FFFF |
koyu mavi | rgb (0, 0, 139) | # 00008B |
koyu mavi | rgb (0, 139, 139) | # 008B8B |
kara altınbaşak | rgb (184, 134, 11) | # B8860B |
koyu gri | rgb (169, 169, 169) | # A9A9A9 |
koyu yeşil | rgb (0, 100, 0) | #006400 |
koyu gri | rgb (169, 169, 169) | # A9A9A9 |
koyu haki | rgb (189, 183, 107) | # BDB76B |
koyu eflatun | rgb (139, 0, 139) | # 8B008B |
koyu zeytin yeşili | rgb (85, 107, 47) | # 556B2F |
koyu turuncu | rgb (255, 140, 0) | # FF8C00 |
karaorkide | rgb (153, 50, 204) | # 9932CC |
koyu Kırmızı | rgb (139, 0, 0) | # 8B0000 |
kara somon | rgb (233, 150, 122) | # E9967A |
koyu deniz yeşili | rgb (143, 188, 143) | # 8FBC8F |
koyu kayrak mavisi | rgb (72, 61, 139) | # 483D8B |
koyu gri | rgb (47, 79, 79) | # 2F4F4F |
koyu kayrak gri | rgb (47, 79, 79) | # 2F4F4F |
koyu turkuaz | rgb (0, 206, 209) | # 00CED1 |
koyu mor | rgb (148, 0, 211) | # 9400D3 |
derin pembe | rgb (255, 20, 147) | #FF1493 |
derin gök mavisi | rgb (0, 191, 255) | # 00BFFF |
Dimgray | rgb (105, 105, 105) | #696969 |
Dimgrey | rgb (105, 105, 105) | #696969 |
Dodgerblue | rgb (30, 144, 255) | # 1E90FF |
ateş tuğlası | rgb (178, 34, 34) | #B22222 |
çiçek beyazı | rgb (255, 250, 240) | # FFFAF0 |
Orman yeşili | rgb (34, 139, 34) | # 228B22 |
küpe çiçeği | rgb (255, 0, 255) | # FF00FF |
Gainsboro | rgb (220, 220, 220) | #DCDCDC |
hayalet beyazı | rgb (248, 248, 255) | # F8F8FF |
altın | rgb (255, 215, 0) | # FFD700 |
altın başak | rgb (218, 165, 32) | # DAA520 |
gri | rgb (128, 128, 128) | #808080 |
yeşil | rgb (0, 128, 0) | #008000 |
yeşil sarı | rgb (173, 255, 47) | # ADFF2F |
gri | rgb (128, 128, 128) | #808080 |
tatlı özsu | rgb (240, 255, 240) | # F0FFF0 |
sıcak pembe | rgb (255, 105, 180) | # FF69B4 |
Kızılderili | rgb (205, 92, 92) | # CD5C5C |
çivit | rgb (75, 0, 130) | # 4B0082 |
fildişi | rgb (255, 255, 240) | # FFFFF0 |
haki | rgb (240, 230, 140) | # F0E68C |
lavanta | rgb (230, 230, 250) | # E6E6FA |
lavanta allık | rgb (255, 240, 245) | # FFF0F5 |
çimen yeşili | rgb (124, 252, 0) | # 7CFC00 |
limon şifon | rgb (255, 250, 205) | #FFFACD |
açık mavi | rgb (173, 216, 230) | # ADD8E6 |
ışık mercanı | rgb (240, 128, 128) | # F08080 |
açık cam göbeği | rgb (224, 255, 255) | # E0FFFF |
açık altın sarısı | rgb (250, 250, 210) | # FAFAD2 |
açık gri | rgb (211, 211, 211) | # D3D3D3 |
açık yeşil | rgb (144, 238, 144) | # 90EE90 |
açık gri | rgb (211, 211, 211) | # D3D3D3 |
açık pembe | rgb (255, 182, 193) | # FFB6C1 |
somon balığı | rgb (255, 160, 122) | # FFA07A |
ışıklar | rgb (32, 178, 170) | # 20B2AA |
açık gök mavisi | rgb (135, 206, 250) | # 87CEFA |
ışıklarlategri | rgb (119, 136, 153) | #778899 |
ışıklargri | rgb (119, 136, 153) | #778899 |
ışıkçelikmavi | rgb (176, 196, 222) | # B0C4DE |
açık sarı | rgb (255, 255, 224) | # FFFFE0 |
kireç | rgb (0, 255, 0) | # 00FF00 |
Limon yeşili | rgb (50, 205, 50) | # 32CD32 |
keten | rgb (250, 240, 230) | # FAF0E6 |
eflatun | rgb (255, 0, 255) | # FF00FF |
kestane rengi | rgb (128, 0, 0) | #800000 |
orta akuamarin | rgb (102, 205, 170) | # 66CDAA |
orta mavi | rgb (0, 0, 205) | # 0000CD |
orta orkide | rgb (186, 85, 211) | # BA55D3 |
orta mor | rgb (147, 112, 219) | # 9370D8 |
orta deniz yeşili | rgb (60, 179, 113) | # 3CB371 |
orta kayrak mavisi | rgb (123, 104, 238) | # 7B68EE |
orta bahar yeşili | rgb (0, 250, 154) | # 00FA9A |
orta turkuaz | rgb (72, 209, 204) | # 48D1CC |
orta menekşe rengi | rgb (199, 21, 133) | #C71585 |
gece yarısı mavisi | rgb (25, 25, 112) | #191970 |
nane kreması | rgb (245, 255, 250) | # F5FFFA |
puslu gül | rgb (255, 228, 225) | # FFE4E1 |
mokasen | rgb (255, 228, 181) | # FFE4B5 |
Navajowhite | rgb (255, 222, 173) | #FFDEAD |
donanma | rgb (0, 0, 128) | #000080 |
ihtiyar | rgb (253, 245, 230) | # FDF5E6 |
zeytin | rgb (128, 128, 0) | #808000 |
Olivedrab | rgb (107, 142, 35) | # 6B8E23 |
Portakal | rgb (255, 165, 0) | # FFA500 |
portakal rengi | rgb (255, 69, 0) | #FF4500 |
orkide | rgb (218, 112, 214) | # DA70D6 |
soluk altın çubuk | rgb (238, 232, 170) | # EEE8AA |
soluk yeşil | rgb (152, 251, 152) | # 98FB98 |
palet turkuaz | rgb (175, 238, 238) | #AFEEEE |
soluk renkli | rgb (219, 112, 147) | # D87093 |
papaya kamçı | rgb (255, 239, 213) | # FFEFD5 |
şeftali | rgb (255, 218, 185) | # FFDAB9 |
peru | rgb (205, 133, 63) | # CD853F |
pembe | rgb (255, 192, 203) | # FFC0CB |
Erik | rgb (221, 160, 221) | # DDA0DD |
toz mavi | rgb (176, 224, 230) | # B0E0E6 |
mor | rgb (128, 0, 128) | #800080 |
kırmızı | rgb (255, 0, 0) | #FF0000 |
pembe kahverengi | rgb (188, 143, 143) | # BC8F8F |
Kraliyet mavisi | rgb (65, 105, 225) | # 4169E1 |
Saddlebrown | rgb (139, 69, 19) | # 8B4513 |
somon | rgb (250, 128, 114) | # FA8072 |
kumlu kahverengi | rgb (244, 164, 96) | # F4A460 |
Deniz yeşili | rgb (46, 139, 87) | # 2E8B57 |
deniz kabuğu | rgb (255, 245, 238) | # FFF5EE |
koyu kahverengi | rgb (160, 82, 45) | # A0522D |
gümüş | rgb (192, 192, 192) | # C0C0C0 |
gökyüzü mavi | rgb (135, 206, 235) | # 87CEEB |
arduvaz mavisi | rgb (106, 90, 205) | # 6A5ACD |
arduvaz grisi | rgb (112, 128, 144) | #708090 |
arduvaz grisi | rgb (112, 128, 144) | #708090 |
kar | rgb (255, 250, 250) | #FFFAFA |
ilkbahar yesili | rgb (0, 255, 127) | # 00FF7F |
Steelblue | rgb (70, 130, 180) | # 4682B4 |
bronzlaşmak | rgb (210, 180, 140) | # D2B48C |
çamurcun | rgb (0, 128, 128) | #008080 |
devedikeni | rgb (216, 191, 216) | # D8BFD8 |
domates | rgb (255, 99, 71) | #FF6347 |
turkuaz | rgb (64, 224, 208) | # 40E0D0 |
menekşe | rgb (238, 130, 238) | # EE82EE |
buğday | rgb (245, 222, 179) | # F5DEB3 |
beyaz | rgb (255, 255, 255) | # FFFFFF |
Beyaz duman | rgb (245, 245, 245) | # F5F5F5 |
Sarı | rgb (255, 255, 0) | # FFFF00 |
sarı yeşil | rgb (154, 205, 50) | # 9ACD32 |
Daha fazla renk kodu biliyor musunuz? Listeyi genişletmek için onları yorumlara eklemeye davet ediyoruz.