{"id":504,"date":"2026-01-18T20:09:49","date_gmt":"2026-01-18T20:09:49","guid":{"rendered":"https:\/\/narhost.com\/blog\/?p=504"},"modified":"2026-09-11T15:07:44","modified_gmt":"2026-09-11T15:07:44","slug":"hec-hex-kodu-nedir","status":"publish","type":"post","link":"https:\/\/narhost.com\/blog\/hec-hex-kodu-nedir\/","title":{"rendered":"HEX Kodu Nedir, Renk Kodu Nas\u0131l Okunur ve D\u00f6n\u00fc\u015ft\u00fcr\u00fcl\u00fcr"},"content":{"rendered":"<div id=\"ai-ozet\" class=\"ai-box\">\n<p class=\"ai-box-title\">K\u0131saca \u00f6zet<\/p>\n<ul>\n<li>HEX kodu nedir sorusunun k\u0131sa cevab\u0131: bir rengi onalt\u0131l\u0131k say\u0131 taban\u0131yla yazan, <code>#<\/code> i\u015faretiyle ba\u015flayan ve k\u0131rm\u0131z\u0131, ye\u015fil, mavi bile\u015fenlerini iki\u015fer haneyle ta\u015f\u0131yan renk g\u00f6sterimidir.<\/li>\n<li>Alt\u0131 hanenin ilk ikisi k\u0131rm\u0131z\u0131y\u0131, ortadaki ikisi ye\u015fili, son ikisi maviyi anlat\u0131r; her \u00e7ift <code>00<\/code> ile <code>FF<\/code> aras\u0131nda, yani 0 ile 255 aras\u0131nda bir de\u011fer ta\u015f\u0131r.<\/li>\n<li>\u00dc\u00e7 haneli k\u0131sa yaz\u0131m yaln\u0131zca her \u00e7iftin iki hanesi ayn\u0131yken kullan\u0131labilir: <code>#FA0<\/code> taray\u0131c\u0131da <code>#FFAA00<\/code> olarak okunur.<\/li>\n<li>Sekiz haneli bi\u00e7im sona saydaml\u0131k (alpha) ekler; <code>#1D355780<\/code> yaz\u0131m\u0131ndaki <code>80<\/code> yakla\u015f\u0131k y\u00fczde 50 saydaml\u0131k demektir.<\/li>\n<li>HEX, RGB ve HSL ayn\u0131 rengi farkl\u0131 yazar; HEX kopyalamak i\u00e7in, HSL ise tonu koruyup a\u00e7\u0131kl\u0131k ayarlamak i\u00e7in daha kullan\u0131\u015fl\u0131d\u0131r.<\/li>\n<li>Renk kodunu do\u011fru ta\u015f\u0131mak yetmez; metin ile arka plan aras\u0131ndaki kontrast oran\u0131 normal metinde en az 4,5:1 olmal\u0131d\u0131r.<\/li>\n<\/ul>\n<\/div>\n<p>Tasar\u0131mc\u0131dan gelen dosyada renk <code>#1D3557<\/code> yaz\u0131yor, siteye eklendi\u011finde ba\u015fka bir lacivert \u00e7\u0131k\u0131yor. Ya da men\u00fcdeki turuncu ile butondaki turuncu bir t\u00fcrl\u00fc tutmuyor. Bu t\u00fcr kar\u0131\u015f\u0131kl\u0131klar\u0131n \u00e7o\u011fu, kodun nas\u0131l okundu\u011funun bilinmemesinden kaynaklan\u0131r. HEX kodu nedir ve alt\u0131 hane tam olarak neyi anlat\u0131r sorusunu bu yaz\u0131da hane hane a\u00e7\u0131yoruz; yan\u0131na d\u00f6n\u00fc\u015f\u00fcm, CSS kullan\u0131m\u0131 ve kontrast kontrol\u00fcn\u00fc de ekliyoruz.<\/p>\n<h2>HEX kodu nedir ve alt\u0131 hane nas\u0131l okunur?<\/h2>\n<p>HEX kodu nedir sorusunun teknik kar\u015f\u0131l\u0131\u011f\u0131 \u015fudur: rengin k\u0131rm\u0131z\u0131, ye\u015fil ve mavi bile\u015fenlerini onalt\u0131l\u0131k (hexadecimal) say\u0131 taban\u0131nda yazan bir g\u00f6sterim. Kod <code>#<\/code> i\u015faretiyle ba\u015flar ve alt\u0131 haneden olu\u015fur.<\/p>\n<p>Haneler iki\u015ferli okunur. <code>#E63946<\/code> kodunda <code>E6<\/code> k\u0131rm\u0131z\u0131, <code>39<\/code> ye\u015fil, <code>46<\/code> mavi bile\u015fenidir. Onalt\u0131l\u0131k tabanda <code>E6<\/code> onluk tabanda 230, <code>39<\/code> 57, <code>46<\/code> ise 70 eder. Yani bu kod <code>rgb(230, 57, 70)<\/code> ile ayn\u0131 rengi verir. K\u0131rm\u0131z\u0131ya \u00e7alan bir ton olmas\u0131n\u0131n sebebi, ilk \u00e7iftin di\u011fer ikisinden belirgin bi\u00e7imde y\u00fcksek olmas\u0131d\u0131r.<\/p>\n<div class=\"highlight-box\">\n<p class=\"label\">Bilgi<\/p>\n<p>Harflerin b\u00fcy\u00fck ya da k\u00fc\u00e7\u00fck yaz\u0131lmas\u0131 sonucu de\u011fi\u015ftirmez. <code>#fff<\/code> ile <code>#FFF<\/code> taray\u0131c\u0131 i\u00e7in ayn\u0131d\u0131r. Ekip i\u00e7inde tek bir yaz\u0131m bi\u00e7iminde karar k\u0131lmak, kod incelemelerinde gereksiz farklar\u0131 \u00f6nler. Renk g\u00f6sterimlerinin genel \u00e7er\u00e7evesini <a href=\"https:\/\/narhost.com\/blog\/renk-kodlari-nedir\/\" title=\"Renk kodlar\u0131 nedir \u2014 HEX, RGB ve HSL g\u00f6sterimlerine genel bak\u0131\u015f\">renk kodlar\u0131 yaz\u0131m\u0131zda<\/a> ele alm\u0131\u015ft\u0131k; burada HEX bi\u00e7iminin kendi ayr\u0131nt\u0131s\u0131na giriyoruz.<\/p>\n<\/div>\n<h2>Onalt\u0131l\u0131k say\u0131 taban\u0131 neden kullan\u0131l\u0131yor?<\/h2>\n<p>G\u00fcnl\u00fck hayatta onluk taban\u0131 kullan\u0131r\u0131z: on rakam vard\u0131r ve onuncu ad\u0131mda basamak atlan\u0131r. Onalt\u0131l\u0131k tabanda on alt\u0131 sembol bulunur. Rakamlar 0&#8217;dan 9&#8217;a kadar ayn\u0131d\u0131r, ard\u0131ndan A, B, C, D, E ve F gelir. A onluk tabanda 10, F ise 15 demektir.<\/p>\n<p>\u0130ki haneli bir onalt\u0131l\u0131k say\u0131 0 ile 255 aras\u0131ndaki her de\u011feri tek bir \u00e7iftle yazabilir. Hesap basittir: soldaki hane 16 ile \u00e7arp\u0131l\u0131r, sa\u011fdaki hane \u00fczerine eklenir. <code>E6<\/code> i\u00e7in 14 \u00e7arp\u0131 16 e\u015fittir 224, \u00fczerine 6 eklenince 230 \u00e7\u0131kar. Bir bayt tam olarak bu aral\u0131\u011f\u0131 ta\u015f\u0131d\u0131\u011f\u0131 i\u00e7in onalt\u0131l\u0131k taban renk de\u011ferlerine birebir oturur; \u00fc\u00e7 bile\u015fen alt\u0131 haneye s\u0131\u011far.<\/p>\n<p>Bu d\u00fczenin pratik sonucu, alt\u0131 hanenin 16,7 milyon farkl\u0131 rengi adresleyebilmesidir. 256 \u00e7arp\u0131 256 \u00e7arp\u0131 256 i\u015flemi 16.777.216 sonucunu verir. Say\u0131 taban\u0131 mant\u0131\u011f\u0131n\u0131n ba\u015fka alanlardaki kar\u015f\u0131l\u0131klar\u0131n\u0131 merak ediyorsan\u0131z <a href=\"https:\/\/narhost.com\/blog\/algoritma-nedir\/\" title=\"Algoritma nedir \u2014 ad\u0131m ad\u0131m i\u015fleyen kurallar\u0131n kurulumu\">algoritma yaz\u0131m\u0131z<\/a> ad\u0131m ad\u0131m i\u015fleyen kurallar\u0131n nas\u0131l kuruldu\u011funu anlat\u0131yor.<\/p>\n<h2>\u00dc\u00e7 haneli k\u0131sa yaz\u0131m ve sekiz haneli saydaml\u0131k<\/h2>\n<p>\u00dc\u00e7 haneli bi\u00e7im bir k\u0131saltmad\u0131r. Taray\u0131c\u0131 her haneyi kendisiyle ikiler: <code>#FA0<\/code> kodunu <code>#FFAA00<\/code> olarak okur. Bu y\u00fczden k\u0131saltma yaln\u0131zca her \u00e7iftin iki hanesi ayn\u0131yken ge\u00e7erlidir. <code>#E63946<\/code> gibi bir kodun \u00fc\u00e7 haneli kar\u015f\u0131l\u0131\u011f\u0131 yoktur; zorlarsan\u0131z ba\u015fka bir renk elde edersiniz.<\/p>\n<p>Sekiz haneli bi\u00e7im sona bir \u00e7ift daha ekler ve bu \u00e7ift saydaml\u0131\u011f\u0131 (alpha) ta\u015f\u0131r. <code>00<\/code> tamamen saydam, <code>FF<\/code> tamamen opak demektir. <code>#1D355780<\/code> kodundaki <code>80<\/code> onluk tabanda 128&#8217;e denk gelir; 255&#8217;in yakla\u015f\u0131k yar\u0131s\u0131 oldu\u011fu i\u00e7in y\u00fczde 50 civar\u0131nda bir saydaml\u0131k verir. D\u00f6rt haneli k\u0131sa bi\u00e7im de ayn\u0131 mant\u0131kla \u00e7al\u0131\u015f\u0131r ve son hane alpha olur.<\/p>\n<div class=\"warn-box\">\n<p class=\"label\">Dikkat<\/p>\n<p>Saydam renk, kontrast hesab\u0131n\u0131 bozar. Y\u00fczde 50 saydaml\u0131kla verilen bir metin rengi, arkas\u0131ndaki y\u00fczeye g\u00f6re farkl\u0131 bir sonu\u00e7 \u00fcretir. Eri\u015filebilirlik \u00f6l\u00e7\u00fcm\u00fcn\u00fc saydam de\u011ferle de\u011fil, y\u00fczeyle kar\u0131\u015fm\u0131\u015f ger\u00e7ek sonu\u00e7 rengiyle yap\u0131n. Taray\u0131c\u0131 denet\u00e7isi hesaplanm\u0131\u015f rengi g\u00f6sterir; \u00f6l\u00e7\u00fcm\u00fc oradan okuyun.<\/p>\n<\/div>\n<figure class=\"nh-sema\"><img loading=\"lazy\" src=\"https:\/\/narhost.com\/blog\/wp-content\/uploads\/2026\/09\/hec-hex-kodu-nedir-sema-narhost.webp\" alt=\"HEX kodu nedir sorusunun \u015femas\u0131 \u2014 alt\u0131 hanenin k\u0131rm\u0131z\u0131, ye\u015fil ve mavi olarak okunmas\u0131\" width=\"1200\" height=\"500\" loading=\"lazy\" decoding=\"async\"><figcaption>HEX kodu nedir sorusunun pratik kar\u015f\u0131l\u0131\u011f\u0131: iki hane k\u0131rm\u0131z\u0131, iki hane ye\u015fil, iki hane mavi; sondaki \u00e7ift saydaml\u0131k ta\u015f\u0131r.<\/figcaption><\/figure>\n<h2>HEX, RGB ve HSL aras\u0131nda d\u00f6n\u00fc\u015f\u00fcm<\/h2>\n<p>\u00dc\u00e7 g\u00f6sterim de ayn\u0131 rengi anlat\u0131r, yaz\u0131m bi\u00e7imleri farkl\u0131d\u0131r. HEX&#8217;ten RGB&#8217;ye ge\u00e7mek i\u00e7in her \u00e7ifti onluk tabana \u00e7evirmek yeterlidir. Ters y\u00f6nde her bile\u015fen onalt\u0131l\u0131k tabana \u00e7evrilir ve tek hane \u00e7\u0131karsa ba\u015f\u0131na s\u0131f\u0131r eklenir: 7 de\u011feri <code>07<\/code> olarak yaz\u0131l\u0131r, <code>7<\/code> olarak de\u011fil.<\/p>\n<p>HSL ise rengi ton, doygunluk ve a\u00e7\u0131kl\u0131k olarak \u00fc\u00e7 eksende tarif eder. Ton 0-360 derece aras\u0131nda bir a\u00e7\u0131d\u0131r, di\u011fer ikisi y\u00fczdedir. <code>#E63946<\/code> kodunun HSL kar\u015f\u0131l\u0131\u011f\u0131 yakla\u015f\u0131k <code>hsl(355, 78%, 56%)<\/code> olur. Bu yaz\u0131m, ayn\u0131 tonun daha a\u00e7\u0131k ya da daha koyu bir varyant\u0131n\u0131 \u00fcretmek istedi\u011finizde i\u015fi kolayla\u015ft\u0131r\u0131r: yaln\u0131zca son de\u011feri de\u011fi\u015ftirirsiniz.<\/p>\n<table>\n<thead>\n<tr>\n<th>G\u00f6sterim<\/th>\n<th>\u00d6rnek<\/th>\n<th>Ne zaman tercih edilir<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>6 haneli HEX<\/td>\n<td><code>#1D3557<\/code><\/td>\n<td>Marka renklerini k\u0131lavuzda ve kodda sabitlerken; kopyala yap\u0131\u015ft\u0131r en g\u00fcvenli bi\u00e7imdir<\/td>\n<\/tr>\n<tr>\n<td>3 haneli HEX<\/td>\n<td><code>#FA0<\/code><\/td>\n<td>H\u0131zl\u0131 taslak ve prototipte; yaln\u0131zca haneleri e\u015fle\u015fen renklerde<\/td>\n<\/tr>\n<tr>\n<td>8 haneli HEX<\/td>\n<td><code>#1D355780<\/code><\/td>\n<td>G\u00f6lge, \u00f6rt\u00fc katman\u0131 ve devre d\u0131\u015f\u0131 durum gibi saydaml\u0131k gereken yerlerde<\/td>\n<\/tr>\n<tr>\n<td>RGB<\/td>\n<td><code>rgb(230, 57, 70)<\/code><\/td>\n<td>De\u011ferin betikle hesaplanaca\u011f\u0131 ya da bile\u015fen bile\u015fen okunaca\u011f\u0131 durumlarda<\/td>\n<\/tr>\n<tr>\n<td>HSL<\/td>\n<td><code>hsl(355, 78%, 56%)<\/code><\/td>\n<td>Tek tondan a\u00e7\u0131k ve koyu varyant \u00fcretirken; tema de\u011fi\u015fkeni kurarken<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"senaryo-block\">\n<p class=\"label\">\u00d6rnek senaryo<\/p>\n<p>Bir mobilya at\u00f6lyesi kurumsal kimli\u011fini yeniledi ve ana rengi <code>#1D3557<\/code> olarak belirledi. Site geli\u015ftiricisi rengi butonlara elle girdi, \u00fc\u00e7 yerde son hane yanl\u0131\u015f yaz\u0131ld\u0131. Ekran g\u00f6r\u00fcnt\u00fcs\u00fcnde fark edilmeyen sapma, bask\u0131 katalo\u011fuyla yan yana konunca ortaya \u00e7\u0131kt\u0131. Ekip renkleri CSS de\u011fi\u015fkenine ta\u015f\u0131d\u0131, t\u00fcm bile\u015fenler tek kaynaktan beslendi ve elle yaz\u0131m tamamen kalkt\u0131. Sonraki revizyonda ana rengi de\u011fi\u015ftirmek tek sat\u0131rl\u0131k i\u015f oldu.<\/p>\n<\/div>\n<h2>CSS&#8217;te HEX kodunu do\u011fru kullanmak<\/h2>\n<p>CSS taraf\u0131nda kod do\u011frudan yaz\u0131l\u0131r: <code>color: #1D3557;<\/code> ya da <code>background-color: #E63946;<\/code> gibi. Sorun genelde yaz\u0131mda de\u011fil, ayn\u0131 kodun onlarca yere kopyalanmas\u0131nda \u00e7\u0131kar. Tek bir revizyon istendi\u011finde t\u00fcm dosyada arama yapmak gerekir ve bir yer mutlaka atlan\u0131r.<\/p>\n<p>\u00c7\u00f6z\u00fcm renkleri de\u011fi\u015fkende toplamakt\u0131r. K\u00f6k se\u00e7icide <code>--marka-lacivert: #1D3557;<\/code> gibi bir tan\u0131m yapar, kulland\u0131\u011f\u0131n\u0131z her yerde <code>var(--marka-lacivert)<\/code> yazars\u0131n\u0131z. B\u00f6ylece palet tek dosyada durur, koyu tema gibi varyantlar ayn\u0131 isimleri yeniden tan\u0131mlayarak kurulur. Renk de\u011ferlerinin CSS&#8217;te kabul edilen t\u00fcm bi\u00e7imleri <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/color_value\" title=\"MDN CSS renk de\u011feri dok\u00fcman\u0131 \u2014 kabul edilen t\u00fcm renk bi\u00e7imleri\" target=\"_blank\" rel=\"noopener\">MDN renk de\u011feri dok\u00fcman\u0131nda<\/a> listelenmi\u015ftir.<\/p>\n<p>WordPress kullan\u0131yorsan\u0131z tema \u00f6zelle\u015ftiricisindeki renk alanlar\u0131 da ayn\u0131 kodu bekler. Alana kodu <code>#<\/code> i\u015faretiyle birlikte yap\u0131\u015ft\u0131r\u0131n; baz\u0131 alanlar i\u015faretsiz de\u011feri kabul eder ama ikisini kar\u0131\u015ft\u0131rmak sonradan kafa kar\u0131\u015ft\u0131r\u0131r.<\/p>\n<h2>Marka paleti ve eri\u015filebilirlik i\u00e7in kontrast oran\u0131<\/h2>\n<p>Bir marka paleti genelde bir ana renk, bir vurgu rengi ve birka\u00e7 n\u00f6tr griden olu\u015fur. Bunlar\u0131 tek bir listede, HEX kodlar\u0131yla yaz\u0131l\u0131 tutmak gerekir. K\u0131lavuzda kod yoksa herkes ekrandan g\u00f6z karar\u0131 renk se\u00e7er ve palet k\u0131sa s\u00fcrede da\u011f\u0131l\u0131r.<\/p>\n<p>\u0130kinci kontrol kontrast oran\u0131d\u0131r. Metin rengi ile arka plan aras\u0131ndaki oran, normal boyutlu metinde en az 4,5:1 olmal\u0131d\u0131r; b\u00fcy\u00fck puntolu metinde 3:1 yeterli say\u0131l\u0131r. <code>#1D3557<\/code> \u00fczerine beyaz metin yakla\u015f\u0131k 11,9:1 oran verir ve rahatl\u0131kla ge\u00e7er. Buna kar\u015f\u0131l\u0131k <code>#9AA0A6<\/code> gibi bir a\u00e7\u0131k gri \u00fczerine beyaz metin yakla\u015f\u0131k 2,7:1&#8217;de kal\u0131r ve e\u015fi\u011fin alt\u0131ndad\u0131r. E\u015fiklerin tan\u0131m\u0131n\u0131 <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/Understanding\/contrast-minimum.html\" title=\"W3C WCAG 2.1 kontrast (asgari) k\u0131lavuzu\" target=\"_blank\" rel=\"noopener\">W3C kontrast k\u0131lavuzunda<\/a> bulabilirsiniz.<\/p>\n<h2>Renk kodunu nereden al\u0131rs\u0131n\u0131z?<\/h2>\n<p>\u00dc\u00e7 yayg\u0131n yol var. Birincisi tasar\u0131m arac\u0131d\u0131r: dosyadaki nesneyi se\u00e7ip renk alan\u0131ndan kodu kopyalars\u0131n\u0131z, tasar\u0131mc\u0131dan gelen en g\u00fcvenilir kaynak budur. \u0130kincisi taray\u0131c\u0131 denet\u00e7isidir; bir \u00f6\u011feyi se\u00e7ti\u011finizde stil panelinde hesaplanm\u0131\u015f renk g\u00f6r\u00fcn\u00fcr ve t\u0131klay\u0131nca g\u00f6sterim bi\u00e7imi HEX, RGB, HSL aras\u0131nda de\u011fi\u015fir.<\/p>\n<p>\u00dc\u00e7\u00fcnc\u00fcs\u00fc i\u015fletim sistemi ya da taray\u0131c\u0131 eklentisi olarak gelen renk se\u00e7icidir. Ekrandaki herhangi bir pikselin kodunu verir. Burada bir tuzak var: ekran g\u00f6r\u00fcnt\u00fcs\u00fc s\u0131k\u0131\u015ft\u0131r\u0131lm\u0131\u015fsa ya da \u00fczerinde saydam bir katman varsa okudu\u011funuz kod ger\u00e7ek marka rengi olmaz. Bask\u0131 ve ekran kaynaklar\u0131 aras\u0131ndaki farklar\u0131 yaz\u0131ya d\u00f6kmek isterseniz <a href=\"https:\/\/narhost.com\/blog\/makale-nedir\/\" title=\"Makale nedir \u2014 kaynak g\u00f6sterme ve yaz\u0131m yakla\u015f\u0131m\u0131\">makale yaz\u0131m\u0131zdaki<\/a> kaynak g\u00f6sterme yakla\u015f\u0131m\u0131 i\u015finize yarar.<\/p>\n<h2>Uygulama kontrol listesi<\/h2>\n<ul class=\"kontrol-listesi\">\n<li>Marka paletindeki her rengi alt\u0131 haneli HEX kodu ile yaz\u0131l\u0131 bir listede tutun.<\/li>\n<li>Renkleri CSS de\u011fi\u015fkenine ta\u015f\u0131y\u0131n, bile\u015fenlerde kodu do\u011frudan yazmay\u0131n.<\/li>\n<li>K\u0131sa yaz\u0131m\u0131 yaln\u0131zca haneleri e\u015fle\u015fen renklerde kullan\u0131n, d\u00f6n\u00fc\u015f\u00fcm\u00fc kontrol edin.<\/li>\n<li>Saydaml\u0131k gerekiyorsa sekiz haneli bi\u00e7imi kullan\u0131n; son \u00e7iftin kar\u015f\u0131l\u0131\u011f\u0131n\u0131 not d\u00fc\u015f\u00fcn.<\/li>\n<li>Metin ve arka plan \u00e7iftlerinin kontrast oran\u0131n\u0131 \u00f6l\u00e7\u00fcn, 4,5:1 e\u015fi\u011fini ge\u00e7irin.<\/li>\n<li>Tasar\u0131m dosyas\u0131ndaki kod ile sitedeki kodu yan yana kar\u015f\u0131la\u015ft\u0131r\u0131n.<\/li>\n<li>Renk se\u00e7iciyle ekrandan al\u0131nan kodu as\u0131l kayna\u011fa do\u011frulatmadan palete eklemeyin.<\/li>\n<li>Palet de\u011fi\u015fikliklerini tek dosyada toplay\u0131n ve de\u011fi\u015fiklik tarihini yaz\u0131n.<\/li>\n<\/ul>\n<div class=\"success-box\">\n<p class=\"label\">Sonu\u00e7<\/p>\n<p>HEX kodu nedir sorusunun cevab\u0131 alt\u0131 hanede sakl\u0131: iki hane k\u0131rm\u0131z\u0131, iki hane ye\u015fil, iki hane mavi. K\u0131sa yaz\u0131m h\u0131z kazand\u0131r\u0131r, sekiz haneli bi\u00e7im saydaml\u0131k ekler, HSL ise varyant \u00fcretmeyi kolayla\u015ft\u0131r\u0131r. Paleti de\u011fi\u015fkende toplay\u0131p kontrast oran\u0131n\u0131 \u00f6l\u00e7t\u00fc\u011f\u00fcn\u00fczde renk sorunlar\u0131n\u0131n b\u00fcy\u00fck k\u0131sm\u0131 kendili\u011finden biter.<\/p>\n<\/div>\n<div class=\"kb-faq\">\n<h2>S\u0131k\u00e7a sorulan sorular<\/h2>\n<h3>HEX kodu nedir, RGB ile aras\u0131nda g\u00f6r\u00fcnt\u00fc fark\u0131 var m\u0131?<\/h3>\n<p>HEX kodu, rengin k\u0131rm\u0131z\u0131, ye\u015fil ve mavi bile\u015fenlerini onalt\u0131l\u0131k tabanda yazan g\u00f6sterimdir. RGB ile aras\u0131nda g\u00f6r\u00fcnt\u00fc fark\u0131 yoktur; <code>#E63946<\/code> ile <code>rgb(230, 57, 70)<\/code> ekranda ayn\u0131 rengi verir. Fark yaln\u0131zca yaz\u0131m bi\u00e7imindedir: HEX tek par\u00e7a oldu\u011fu i\u00e7in kopyalamaya, RGB bile\u015fenlere ayr\u0131k oldu\u011fu i\u00e7in hesaplamaya uygundur.<\/p>\n<h3>\u00dc\u00e7 haneli kod ile alt\u0131 haneli kod ayn\u0131 rengi mi verir?<\/h3>\n<p>Yaln\u0131zca her \u00e7iftin iki hanesi ayn\u0131ysa. Taray\u0131c\u0131 \u00fc\u00e7 haneli kodu okurken her haneyi ikiler, bu y\u00fczden <code>#FA0<\/code> ile <code>#FFAA00<\/code> ayn\u0131d\u0131r. Haneleri farkl\u0131 olan bir rengin \u00fc\u00e7 haneli kar\u015f\u0131l\u0131\u011f\u0131 bulunmaz; k\u0131saltmaya zorlarsan\u0131z g\u00f6zle fark edilen bir sapma \u00e7\u0131kar.<\/p>\n<h3>Sekiz haneli koddaki son iki hane ne anlama geliyor?<\/h3>\n<p>Saydaml\u0131\u011f\u0131, yani alpha de\u011ferini ta\u015f\u0131r. <code>00<\/code> tamamen saydam, <code>FF<\/code> tamamen opak demektir. Aradaki de\u011ferler orant\u0131l\u0131 bir ge\u00e7i\u015f verir; <code>80<\/code> yakla\u015f\u0131k y\u00fczde 50, <code>CC<\/code> ise yakla\u015f\u0131k y\u00fczde 80 opakl\u0131k anlam\u0131na gelir. G\u00f6lge ve \u00f6rt\u00fc katmanlar\u0131nda s\u0131k kullan\u0131l\u0131r.<\/p>\n<h3>Tasar\u0131mc\u0131dan gelen renk sitede farkl\u0131 g\u00f6r\u00fcn\u00fcyor, sebebi ne olabilir?<\/h3>\n<p>En s\u0131k \u00fc\u00e7 sebep var. Kod elle yaz\u0131l\u0131rken bir hane yanl\u0131\u015f girilmi\u015f olabilir. Rengin \u00fczerinde saydam bir katman ya da g\u00f6lge bulunuyor olabilir. \u00dc\u00e7\u00fcnc\u00fcs\u00fc, kod ekran g\u00f6r\u00fcnt\u00fcs\u00fcnden renk se\u00e7iciyle al\u0131nm\u0131\u015ft\u0131r ve s\u0131k\u0131\u015ft\u0131rma y\u00fcz\u00fcnden as\u0131l de\u011ferden sapm\u0131\u015ft\u0131r. Kodu her zaman tasar\u0131m dosyas\u0131ndan kopyalay\u0131n.<\/p>\n<h3>Renk kodunu CSS de\u011fi\u015fkenine ta\u015f\u0131mak ger\u00e7ekten gerekli mi?<\/h3>\n<p>Tek sayfal\u0131k bir site i\u00e7in \u015fart de\u011fil, ama sayfa say\u0131s\u0131 artt\u0131k\u00e7a fark a\u00e7\u0131l\u0131r. De\u011fi\u015fken kulland\u0131\u011f\u0131n\u0131zda palet tek yerde durur, revizyon tek sat\u0131rda biter ve koyu tema gibi varyantlar ayn\u0131 isimleri yeniden tan\u0131mlayarak kurulur. Kodu her bile\u015fene elle yazmak, ilk renk de\u011fi\u015fikli\u011finde saatlik bir temizlik i\u015fine d\u00f6n\u00fc\u015f\u00fcr.<\/p>\n<\/div>\n<div class=\"cta-box\">\n<p class=\"label\">Narhost&#8217;ta<\/p>\n<p>Kurumsal kimli\u011finizi do\u011fru ta\u015f\u0131yan bir site i\u00e7in h\u0131zl\u0131 bir zemin gerekir. Web hosting paketlerinde NVMe SSD disk, \u00fccretsiz SSL, T\u00fcrk\u00e7e cPanel ve \u00fccretsiz ta\u015f\u0131ma haz\u0131r gelir.<\/p>\n<p><a class=\"cta-btn\" href=\"https:\/\/narhost.com\/web-hosting\" title=\"Narhost web hosting paketleri\">Web hosting paketlerini incele<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>HEX kodu nedir sorusunun hane hane cevab\u0131: onalt\u0131l\u0131k taban mant\u0131\u011f\u0131, \u00fc\u00e7 haneli k\u0131sa yaz\u0131m, sekiz haneli saydaml\u0131k, RGB ve HSL d\u00f6n\u00fc\u015f\u00fcm\u00fc, CSS kullan\u0131m\u0131 ve eri\u015filebilirlik i\u00e7in kontrast oran\u0131 kontrol\u00fc.<\/p>\n","protected":false},"author":1,"featured_media":2334,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-504","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nedir"],"_links":{"self":[{"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/posts\/504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/comments?post=504"}],"version-history":[{"count":4,"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/posts\/504\/revisions"}],"predecessor-version":[{"id":2332,"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/posts\/504\/revisions\/2332"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/media\/2334"}],"wp:attachment":[{"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/media?parent=504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/categories?post=504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/narhost.com\/blog\/wp-json\/wp\/v2\/tags?post=504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}