Eser Şahin·
Özel İçerikler
·

HTML Renk Kodları

HTML renkleri metin, arka plan, kenarlık ve diğer özellik renklerini tanımlamak için kullanılır. Bu renk değerleri; HEX, RGB, HSL, RGBA, HSLA veya önceden tanımlanmış renk adlarıyla belirtilir.

HTML renklerini atamanın bir diğer yolu renk adlarını (beyaz, mor, turkuaz gibi) kullanmaktır. Fakat bir kısmı dışında tüm renklere karşılık gelen bir renk adı yoktur. Üstelik renk adını kullanmak isterseniz bunun İngilizce olması gerekmektedir. Bu sebeple yalnızca kodları kullanmanızı öneririz.

HTML için renk değerleri RGB, HEX ve HSL olarak da ifade edilebilir. RGB, kırmızı, yeşil ve mavi anlamına gelir. Her parametre (kırmızı, yeşil ve mavi) değeri, 0 ile 255 arasında renk yoğunluğunu tanımlar. Örnek olarak RGB (255, 0, 0) kırmızı renkte görüntülenir. Çünkü en yüksek kırmızı değerine (255) ve diğer parametreler de 0 olacak şekilde ayarlanmıştır.

HEX ise onaltılık anlamına gelmektedir. HEX renk değerleri şu şekilde belirtilir: #rrggbb. rr (kırmızı), gg (yeşil) ve bb(mavi) parametreleri, 00 (0) ile ff (255) arasında onaltılık değerlerdir. Örnek olarak kırmızının en yüksek değeri ff (255) ve diğerleri 00 (0) olarak ayarlarsanız, #ff0000 kırmızı olacak şekilde görüntülenir.

Son olarak HSL, İngilizce ton, doygunluk ve hafiflik (Hue, Saturation ve Lightness) kelimelerinin baş harflerini almıştır.

Temel Onaltılık HTML Renk Kodları

Aşağıda bazı yaygın renk adları ve kodları verilmiştir. Örneğin renk kodları kullanan HTML etiketlerinde #FF0000 yerine “red” kullanabilirsiniz. Yukarıda da bahsettiğimiz renk adlarını yalnızca İngilizce isimleriyle kullanabilirsiniz.

Renk AdıRenk koduRenk AdıRenk kodu
Kırmızı#FF0000Beyaz#FFFFFF
Camgöbeği#00FFFFGümüş#C0C0C0
Mavi#0000FFGri#808080
Koyu mavi#00008BSiyah#000000
Açık mavi#ADD8E6Turuncu#FFA500
Mor#800080Kahverengi#A52A2A
Sarı#FFFF00Bordo#800000
Kireç#00FF00Yeşil#008000
Macenta#FF00FFZeytin#808000
Pembe#FFC0CBAkuamarin#7FFD4

HTML Renk Kodları Tablosu

Yukarıda temel HTML renk kodlarını vermiştik. Şimdi bu renk kodlarının ara renkleri dahil olmak üzere türlü varyasyonlarını göreceksiniz.

HTML Renk Kodları | Siyah ve Gri

HTML KoduRenk Adı
#000000Siyah (W3C)
#0C090AGece siyahı
#3A3B3CKoyu gri
#454545Açık siyah
#504A4BKurt grisi
#565051Vampir grisi
#52595DDemir grisi
#625D5DKarbon Grisi
#666362Kül grisi
#6D6968Bulutlu Gri
#726E6DDumanlı gri
#736F6EUzay grisi
#797979Platin grisi
#837E7CGranit
#808080Gri (W3C)
#A9A9A9Koyu gri
#B6B6B4Bulut grisi
# C0C0C0Gümüş (W3C)
#C9C0BBSoluk gümüş
#D3D3D3Açık gri
#E5E4E2Platin
#BCC6CCMetalik gümüş
#838996Roma gümüşü
#6D7B8DFare grisi
#657383Arduvaz granit gri
#616D7EJet grisi

HTML Renk Kodları | Mavi

HTML KoduRenk Adı
#566D7EMermer mavisi
#737CA1Arduvaz mavisi
#728FCEAçık mora çalan mavi
#36454FKömür mavisi
#2B3856Koyu arduvaz mavisi
#123456Deniz mavisi
#191970Gece Mavisi (W3C)
#00008BKoyu mavi (W3C)
#15317ELapis mavisi
#0000A5Dünya mavisi
#0020C2Kobalt mavisi
#0000FFMavi (W3C)
#0909FFAçık mavi
#1F45FCOrkide mavisi
#2554C7Safir mavisi
#1974D2Parlak lacivert
#2B60DEBalon mavisi
#2B65ECOkyanus mavisi
#1589FFNeon mavisi
#368BC1Buz mavisi
#488AC7İpek mavisi
#357EC7Windows mavisi
#6495EDPeygamber çiçeği mavisi
#56A5ECBuzdağı
#38ACECKelebek mavisi
#3BB9FFGün ortası mavisi
#5CB3FFKristal mavi
#79BAECKot mavisi
#87CEEBGök Mavisi (W3C)
#B4CFECPastel mavi
#B0E0E6Toz mavi (W3C)
#AFDCECMercan mavisi
#ADD8E6Açık mavi (W3C)
#C9DFECKörfez mavisi
#D5D6EAPastel açık mavi
#E3E4FALavanta mavisi
#E6E6FALavanta (W3C)
#9AFEFFElektrik mavisi
#7DFDFETron mavisi
#57FEFFMavi zirkon
#00FFFFCamgöbeği (W3C)
#0AFFFFParlak camgöbeği
#4EE2ECMavi elmas
#16E2F5Parlak turkuaz
#AFEEEESoluk turkuaz (W3C)
#CFECECSoluk mavi
#92C7C7Camgöbeği (opak)
#78C7C7Kuzey ışıkları

HTML Renk Kodları | Yeşil

HTML KoduRenk Adı
#7BCCB5Mavi-yeşil
#7FFFD4Akuamarin (W3C)
#93FFE8Açık akuamarin
#40E0D0Turkuaz (W3C)
#48D1CCOrta turkuaz (W3C)
#46C7C7Deniz anası rengi
#43C6DBMavi turkuaz
#00CED1Koyu turkuaz (W3C)
#20B2AAAçık deniz yeşili (W3C)
#3EA99FDeniz köpüğü yeşili
#008080Deniz mavisi (W3C)
#045F5FOrta turkuaz
#3C565BMavi yosun yeşili
#4C787EBöcek yeşili
#307D7EYeşilimsi mavi
#438D80Deniz kaplumbağası yeşili
#2E8B57Deniz yeşili (W3C)
#31906EKoyu nane yeşili
#34A56FDünya yeşili
#50C878Zümrüt
#848B79Adaçayı yeşili
#6B8E23Zeytinyağı yeşili (W3C)
#808000Zeytin yeşili (W3C)
#4B5320Askeri yeşil reni
#667C26Eğreltiotu yeşili
#387C44Çam yeşili
#228B22Orman yeşili (W3C)
#008000Yeşil (W3C)
#006400Koyu yeşil (W3C)
#254117Koyu orman yeşili
#437C17Yosun yeşili
#347C17Yonca yeşili
#4AA02CBiber yeşili
#4CC417Elma yeşili
#32CD32Kireç yeşili (W3C)
#52D017Bezelye yeşili
#8FBC8FKoyu deniz yeşili (W3C)
#9DC209Fıstık yeşili
#A1C935Salata yeşili
#9ACD32Sarı yeşil (W3C)
#77DD77Pastel yeşil
#16F529Neon yeşili
#36F57FLimon nane yeşili
#5FFB17Zümrüt yeşili
#00FF00Kireç (W3C)
#7CFC00Çim yeşil (W3C)
#66FF00Parlak yeşil
#98F516Aloe vera yeşili
#ADFF2FYeşil sarı (W3C)
#BDF516Bukalemun yeşili
#DAEE01Neon sarı yeşil
#CCFB5DÇay yeşili
#BCE954Balçık yeşili
#90EE90Açık yeşil (W3C)
#6AFB92Ejderha yeşili
#98FB98Soluk yeşil (W3C)
#98FF98Nane yeşili
#DBF9DBAçık gül yeşili

HTML Renk Kodları | Sarı

HTML KoduRenk Adı
#FFFFC2Parşömen
#FFFFCCKrem
#FFFDD0Krem beyaz
#FFFFE0Açık sarı (W3C)
#F5F5DCBej (W3C)
#F7E7CEŞampanya sarısı
#FAEBD7Antik beyaz (W3C)
#F5DEB3Buğday sarısı (W3C)
#FBE7A1Altın sarısı
#F3E3C3Altın ipek rengi
#F1E5ACParlak altın rengi
#F3E5ABVanilya
#FFE87CGüneş sarısı
#FFF380Mısır sarısı
#FAF884Pastel sarı
#FFFF33Neon sarısı
#FFFF00Sarı (W3C)
#F5E216Muz sarısı
#FFDB58Hardal sarısı
#F9DB24Koyu sarı
#FFD801Lastik Ördek Sarı
#FFD700Altın (W3C)
#FDD017Parlak altın
#F6BE00Koyu sarı

HTML Renk Kodları | Kahverengi

HTML KoduRenk Adı
#CD7F32Bronz
#B87333Bakır
#AB784EKoyu badem
#966F33Odun
#806517Meşe kahverengisi
#827B60Askeri kahverengi
#786D5FKumtaşı
#3B2F2FKoyu kahve
#654321Koyu kahverengi
#704214Sepya kahvesi
#804A00Koyu bronz
#6F4E37Kahve
#7F462CSepya
#954535Kestane
#C04000Maun
#B5651DAçık kahverengi

HTML Renk Kodları | Turuncu

HTML KoduRenk Adı
#E66C2CCadılar bayramı turuncusu
#FF6700Neon turuncu
#FF5F1FParlak turuncu
#FF8C00Koyu turuncu (W3C)
#E67451Gün doğumu turuncusu
#FF7F50Mercan (W3C)
#F9966BSomon gülü rengi (açık)
#E9967AKoyu somon (W3C)
#E78A61Mandalina

HTML Renk Kodları | Kırmızı

HTML KoduRenk Adı
#F67280Pastel kırmızısı
#E77471Pembe mercan
#F75D59Fasulye kırmızısı
#CD5C5CHint kırmızısı (W3C)
#FF6347Domates kırmızısı (W3C)
#FF0000Kırmızı (W3C)
#FD1C03Neon kırmızısı
#FF2400Kızıl
#F62217Yakut kırmızısı
#F70D1AFerrari Kırmızısı
#F62817İtfaiye aracı kırmızısı
#E42217Lav kırmızısı
#C24641Kiraz kırmızısısı
#C11B17Acı biber kırmızısı
#A70D2AKarbon kırmızısı
#9F000FKızılcık
#931314Safran kırmızısı
#990000Kızıl
#990012Şarap Kırmızısı
#8B0000Koyu kırmızı (W3C)
#800000Bordo (W3C)
#800517Koyu Kırmızı
#560319Koyu kızıl

HTML Renk Kodları | Pembe

HTML KoduRenk Adı
#C48793Ruj pembesi
#C48189Pembe kahverengi karışımı
#E799A3Pembe papatya
#D58A94Tozlu pembe
#E8ADAAGül pembesi
#C4AEADGümüş pembesi
#ECC5C0Altın gül rengi
#F8B88BPastel turuncusu
#FBCFCDAçık gül rengi
#FFC0CBPembe (W3C)
#FFB6C1Açık pembe (W3C)
#FAAFBABebek pembesi
#F9A7B0Flamingo pembesi
#FEA3AAPastel pembe
#D16587Mor pembe karışımı
#C25A7CLale pembe rengi
#E75480Koyu pembe
#F535AANeon pembe
#FD349CNeon pembe [2]
#E30B5DAhududu

HTML Renk Kodları | Mor

#E238ECKızıl mor
#D462FFKediotu mor
#C45AECSur moru
#B048B5Orkide moru
#D291BCPastel menekşe
#915F6DLeylak rengi
#614051Patlıcan moru
#4E5180Mor lacivert karışımı
#7575CFDeniz salyangozu moru
#6C2DC7Mor ametist
#6A0DADParlak mor
#4B0150Koyu mor
#6A287EReçel moru
#800080Mor (W3C)
#9932CCDark orkide (W3C)
#8D38C9Mor menekşe
#A23BECYasemin moru
#B041FFMor nergis
#9D00FFNeon moru
#967BB6Lavanta moru
#8467D7Açık mor
#CCCCFFDeniz salyangozu
#DCD0FFSolgun leylak rengi
#E0B0FFLeylak rengi
#D891EFParlak leylak