{"id":983,"date":"2026-04-16T17:26:03","date_gmt":"2026-04-16T14:26:03","guid":{"rendered":"https:\/\/www.verigom.com\/blog\/?p=983"},"modified":"2026-04-16T17:35:04","modified_gmt":"2026-04-16T14:35:04","slug":"hec-kodu-nedir","status":"publish","type":"post","link":"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/","title":{"rendered":"Hec Kodu Nedir? (HEX Kodu Ne Anlama Gelir)"},"content":{"rendered":"<p><b>Hec kodu (HEX kodu)<\/b><span style=\"font-weight: 400;\">, renklerin dijital ortamlarda 16\u2019l\u0131k say\u0131 sistemiyle ifade edilmesini sa\u011flayan bir renk kodlama y\u00f6ntemidir.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Web siteleri, uygulamalar ve tasar\u0131m ara\u00e7lar\u0131 renkleri standart \u015fekilde g\u00f6sterebilmek i\u00e7in bu kodlar\u0131 kullan\u0131r. \u201c#\u201d ile ba\u015flayan hex kodlar\u0131 sayesinde bir renk t\u00fcm cihazlarda ayn\u0131 g\u00f6r\u00fcn\u00fcr. Bu i\u00e7erikte, <\/span><b>hec kodu nedir<\/b><span style=\"font-weight: 400;\">, nas\u0131l \u00e7al\u0131\u015f\u0131r ve nerelerde kullan\u0131l\u0131r gibi temel konular\u0131 k\u0131sa ve anla\u015f\u0131l\u0131r \u015fekilde ele alaca\u011f\u0131z.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Hec Kodu Nedir?<\/span><\/h2>\n<p><b>Hec kodu (HEX kodu)<\/b><span style=\"font-weight: 400;\">, renklerin dijital ortamlarda belirli bir standartta ifade edilmesini sa\u011flayan, 16\u2019l\u0131k say\u0131 sistemi (hexadecimal) tabanl\u0131 bir renk kodlama y\u00f6ntemidir. Genellikle \u201c#\u201d i\u015fareti ile ba\u015flayan bu kodlar, hem say\u0131lar hem de harfler kullan\u0131larak olu\u015fturulur.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hex kodlar\u0131 \u00f6zellikle web tasar\u0131m ve yaz\u0131l\u0131m geli\u015ftirme s\u00fcre\u00e7lerinde yayg\u0131n olarak kullan\u0131l\u0131r. Bir rengin farkl\u0131 cihazlarda ve taray\u0131c\u0131larda ayn\u0131 \u015fekilde g\u00f6r\u00fcnmesini sa\u011flar. Bu sayede tasar\u0131mlarda tutarl\u0131l\u0131k elde edilir ve renklerin do\u011fru \u015fekilde aktar\u0131lmas\u0131 m\u00fcmk\u00fcn olur.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00d6rne\u011fin:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#FFFFFF<\/b><span style=\"font-weight: 400;\"> \u2192 Beyaz<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#000000<\/b><span style=\"font-weight: 400;\"> \u2192 Siyah<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#FF0000<\/b><span style=\"font-weight: 400;\"> \u2192 K\u0131rm\u0131z\u0131<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Bu kodlar, asl\u0131nda RGB (K\u0131rm\u0131z\u0131, Ye\u015fil, Mavi) renk de\u011ferlerinin hexadecimal kar\u015f\u0131l\u0131\u011f\u0131d\u0131r. Her iki karakterlik grup (\u00f6rne\u011fin \u201cFF\u201d) bir renk kanal\u0131n\u0131 temsil eder.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">K\u0131sacas\u0131 <\/span><b>hec kodu<\/b><span style=\"font-weight: 400;\">, dijital tasar\u0131m d\u00fcnyas\u0131nda renkleri net, standart ve evrensel bir \u015fekilde tan\u0131mlamak i\u00e7in kullan\u0131lan en temel y\u00f6ntemlerden biridir.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-985\" src=\"https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir-1.webp\" alt=\"\" width=\"1500\" height=\"837\" srcset=\"https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir-1.webp 1500w, https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir-1-300x168.webp 300w, https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir-1-1024x571.webp 1024w, https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir-1-768x429.webp 768w, https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir-1-215x120.webp 215w, https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir-1-990x552.webp 990w, https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir-1-1320x737.webp 1320w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">Hexadecimal Sistem Nedir?<\/span><\/h2>\n<p><b>Hexadecimal sistem<\/b><span style=\"font-weight: 400;\">, 16 tabanl\u0131 bir say\u0131 sistemidir ve 0\u2019dan 9\u2019a kadar olan rakamlar\u0131n yan\u0131 s\u0131ra A\u2019dan F\u2019ye kadar olan harfleri de i\u00e7erir. Bu sistemde toplam 16 farkl\u0131 de\u011fer bulunur:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>0\u20139<\/b><span style=\"font-weight: 400;\"> \u2192 Say\u0131sal de\u011ferler<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>A\u2013F<\/b><span style=\"font-weight: 400;\"> \u2192 10\u201315 aras\u0131 de\u011ferler (A=10, B=11, C=12, D=13, E=14, F=15)<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Dijital d\u00fcnyada hexadecimal sistemin kullan\u0131lmas\u0131n\u0131n temel nedeni, <\/span><b>bilgisayarlar\u0131n \u00e7al\u0131\u015ft\u0131\u011f\u0131 ikili (binary) sistem ile daha uyumlu ve daha okunabilir olmas\u0131d\u0131r<\/b><span style=\"font-weight: 400;\">. Uzun binary say\u0131 dizileri yerine daha k\u0131sa ve anla\u015f\u0131l\u0131r bir g\u00f6sterim sa\u011flar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00d6zellikle renk kodlar\u0131nda hexadecimal sistem tercih edilir. \u00c7\u00fcnk\u00fc RGB renk de\u011ferleri (0\u2013255 aras\u0131) bu sistemle daha kompakt bir \u015fekilde ifade edilebilir. \u00d6rne\u011fin:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>255 (decimal)<\/b><span style=\"font-weight: 400;\"> \u2192 <\/span><b>FF (hexadecimal)<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>0 (decimal)<\/b><span style=\"font-weight: 400;\"> \u2192 <\/span><b>00 (hexadecimal)<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Bu sayede renkler, 6 karakterlik hex kodlar\u0131 ile kolayca temsil edilir. \u00d6rne\u011fin <\/span><b>#FF0000<\/b><span style=\"font-weight: 400;\">, maksimum k\u0131rm\u0131z\u0131 de\u011ferini ifade eder.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">K\u0131sacas\u0131 hexadecimal sistem, hem teknik a\u00e7\u0131dan verimli hem de insanlar i\u00e7in daha okunabilir oldu\u011fu i\u00e7in web tasar\u0131m ve yaz\u0131l\u0131m d\u00fcnyas\u0131nda yayg\u0131n olarak kullan\u0131l\u0131r.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">HEC Kodu ile Hex Kodu Fark\u0131<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Asl\u0131nda teknik olarak <\/span><b>\u201cHEC kodu\u201d diye bir terim bulunmaz<\/b><span style=\"font-weight: 400;\">. Do\u011fru kullan\u0131m <\/span><b>\u201chex kodu\u201d (hexadecimal kod)<\/b><span style=\"font-weight: 400;\"> \u015feklindedir. HEC ifadesi, kullan\u0131c\u0131lar aras\u0131nda yap\u0131lan bir yaz\u0131m hatas\u0131ndan kaynaklan\u0131r.<\/span><\/p>\n<p><b>Hex kodu<\/b><span style=\"font-weight: 400;\">, renklerin veya verilerin 16\u2019l\u0131k say\u0131 sistemi ile ifade edilmesini sa\u011flayan do\u011fru ve teknik terimdir. Web tasar\u0131m, grafik tasar\u0131m ve yaz\u0131l\u0131m geli\u015ftirme gibi alanlarda kullan\u0131lan standart ifade budur.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bu fark\u0131 net \u015fekilde \u00f6zetlemek gerekirse:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Hex kodu:<\/b><span style=\"font-weight: 400;\"> Do\u011fru ve teknik terimdir<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>HEC kodu:<\/b><span style=\"font-weight: 400;\"> Yanl\u0131\u015f yaz\u0131m veya halk aras\u0131nda kullan\u0131lan hatal\u0131 ifadedir<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Bu nedenle dijital tasar\u0131m ve yaz\u0131l\u0131m s\u00fcre\u00e7lerinde do\u011fru terimi kullanmak \u00f6nemlidir. \u00d6zellikle teknik dok\u00fcmantasyonlarda ve profesyonel \u00e7al\u0131\u015fmalarda her zaman <\/span><b>hex kodu<\/b><span style=\"font-weight: 400;\"> ifadesi tercih edilmelidir.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Hec Kodu Ne \u0130\u015fe Yarar?<\/span><\/h2>\n<p><b>Hec kodu<\/b><span style=\"font-weight: 400;\">, dijital ortamlarda renklerin do\u011fru ve tutarl\u0131 \u015fekilde g\u00f6sterilmesini sa\u011flar. Web sitelerinden mobil uygulamalara kadar bir\u00e7ok alanda kullan\u0131lan bu kodlar, renklerin farkl\u0131 cihazlarda ayn\u0131 g\u00f6r\u00fcnmesini m\u00fcmk\u00fcn k\u0131lar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hex kodunun kullan\u0131m alanlar\u0131 olduk\u00e7a geni\u015ftir:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Web tasar\u0131m (CSS, HTML)<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Web sitelerinde renkler genellikle hex kodlar\u0131 ile tan\u0131mlan\u0131r. Arka plan, metin, buton ve di\u011fer t\u00fcm tasar\u0131m \u00f6\u011felerinde kullan\u0131l\u0131r.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Grafik tasar\u0131m<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Photoshop, Figma, Illustrator gibi tasar\u0131m ara\u00e7lar\u0131nda renk se\u00e7imi yap\u0131l\u0131rken hex kodlar\u0131 kullan\u0131l\u0131r. Bu sayede marka renkleri birebir korunur.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Yaz\u0131l\u0131m ve veri temsili<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Yaz\u0131l\u0131m geli\u015ftirme s\u00fcre\u00e7lerinde renkler ve baz\u0131 veri t\u00fcrleri hexadecimal formatta ifade edilir. Bu, sistemler aras\u0131 uyumlulu\u011fu art\u0131r\u0131r.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Hex kodlar\u0131 sayesinde tasar\u0131m ve geli\u015ftirme s\u00fcre\u00e7lerinde <\/span><b>renk standardizasyonu<\/b><span style=\"font-weight: 400;\"> sa\u011flan\u0131r. Bu da \u00f6zellikle marka kimli\u011fi olu\u015ftururken b\u00fcy\u00fck \u00f6nem ta\u015f\u0131r.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">K\u0131sacas\u0131 hex kodu, dijital d\u00fcnyada renklerin do\u011fru, tutarl\u0131 ve profesyonel \u015fekilde kullan\u0131lmas\u0131n\u0131 sa\u011flayan temel bir ara\u00e7t\u0131r.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Hec Kodu Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/span><\/h2>\n<p><b>Hec kodu<\/b><span style=\"font-weight: 400;\">, renkleri 16\u2019l\u0131k say\u0131 sistemi kullanarak ifade eder ve asl\u0131nda RGB (K\u0131rm\u0131z\u0131, Ye\u015fil, Mavi) de\u011ferlerinin hexadecimal kar\u015f\u0131l\u0131\u011f\u0131d\u0131r. Her bir renk, \u00fc\u00e7 temel bile\u015fenin farkl\u0131 oranlarda birle\u015fmesiyle olu\u015fur.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hex kodlar\u0131n\u0131n \u00e7al\u0131\u015fma mant\u0131\u011f\u0131 \u015fu \u015fekildedir:<\/span><\/p>\n<h3>16\u2019l\u0131k Say\u0131 Sistemi Mant\u0131\u011f\u0131<\/h3>\n<p><span style=\"font-weight: 400;\">Hex kodlar\u0131, <\/span><b>hexadecimal (16 tabanl\u0131)<\/b><span style=\"font-weight: 400;\"> sistem ile olu\u015fturulur. Bu sistemde:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">0\u20139 aras\u0131 say\u0131lar<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">A\u2013F aras\u0131 harfler (10\u201315 de\u011ferleri)<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">kullan\u0131l\u0131r.<\/span><\/li>\n<\/ul>\n<h3>0\u20139 ve A\u2013F Yap\u0131s\u0131<\/h3>\n<p><span style=\"font-weight: 400;\">Her renk bile\u015feni (R, G, B) <\/span><b>00 ile FF<\/b><span style=\"font-weight: 400;\"> aras\u0131nda bir de\u011fer al\u0131r:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>00<\/b><span style=\"font-weight: 400;\"> \u2192 minimum de\u011fer (renk yok)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>FF<\/b><span style=\"font-weight: 400;\"> \u2192 maksimum de\u011fer (tam yo\u011funluk)<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00d6rne\u011fin:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>FF<\/b><span style=\"font-weight: 400;\"> = 255 (maksimum)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>00<\/b><span style=\"font-weight: 400;\"> = 0 (minimum)<\/span><\/li>\n<\/ul>\n<h3>RGB ile \u0130li\u015fkisi<\/h3>\n<p><span style=\"font-weight: 400;\">Bir hex kodu toplamda 6 karakterden olu\u015fur ve \u015fu \u015fekilde ayr\u0131l\u0131r:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u0130lk 2 karakter \u2192 <\/span><b>K\u0131rm\u0131z\u0131 (Red)<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ortadaki 2 karakter \u2192 <\/span><b>Ye\u015fil (Green)<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Son 2 karakter \u2192 <\/span><b>Mavi (Blue)<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">\u00d6rnek:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#FF0000<\/b><span style=\"font-weight: 400;\"> \u2192 K\u0131rm\u0131z\u0131 (Red maksimum)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#00FF00<\/b><span style=\"font-weight: 400;\"> \u2192 Ye\u015fil (Green maksimum)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#0000FF<\/b><span style=\"font-weight: 400;\"> \u2192 Mavi (Blue maksimum)<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Bu yap\u0131 sayesinde hex kodlar\u0131, renkleri hem teknik hem de okunabilir bir \u015fekilde ifade eder. K\u0131sacas\u0131 hex kodu, RGB de\u011ferlerinin daha kompakt ve standart bir g\u00f6sterimidir.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Hec Renk Kodu Nas\u0131l Yaz\u0131l\u0131r?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Hec renk kodlar\u0131, belirli bir standart yap\u0131ya g\u00f6re yaz\u0131l\u0131r ve genellikle \u201c#\u201d i\u015fareti ile ba\u015flar. Bu yap\u0131 sayesinde renkler dijital ortamlarda do\u011fru ve tutarl\u0131 \u015fekilde tan\u0131mlanabilir.<\/span><\/p>\n<h3># \u0130\u015fareti ve 6 Haneli Yap\u0131<\/h3>\n<p><span style=\"font-weight: 400;\">Bir hex renk kodu \u015fu formatta yaz\u0131l\u0131r:<\/span><\/p>\n<p><b>#RRGGBB<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">\u0130lk 2 karakter \u2192 <\/span><b>K\u0131rm\u0131z\u0131 (Red)<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ortadaki 2 karakter \u2192 <\/span><b>Ye\u015fil (Green)<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Son 2 karakter \u2192 <\/span><b>Mavi (Blue)<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Her karakter \u00e7ifti <\/span><b>00 ile FF<\/b><span style=\"font-weight: 400;\"> aras\u0131nda bir de\u011fer al\u0131r.<\/span><\/p>\n<h3>\u00d6rnekler<\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#FFFFFF<\/b><span style=\"font-weight: 400;\"> \u2192 Beyaz<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#000000<\/b><span style=\"font-weight: 400;\"> \u2192 Siyah<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#FF0000<\/b><span style=\"font-weight: 400;\"> \u2192 K\u0131rm\u0131z\u0131<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#00FF00<\/b><span style=\"font-weight: 400;\"> \u2192 Ye\u015fil<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#0000FF<\/b><span style=\"font-weight: 400;\"> \u2192 Mavi<\/span><\/li>\n<\/ul>\n<h3>K\u0131sa (3 Haneli) Kullan\u0131m<\/h3>\n<p><span style=\"font-weight: 400;\">Baz\u0131 durumlarda hex kodlar\u0131 daha k\u0131sa \u015fekilde de yaz\u0131labilir. Bu y\u00f6ntemde her renk de\u011feri tek karakterle ifade edilir:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#FFF<\/b><span style=\"font-weight: 400;\"> \u2192 #FFFFFF<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#000<\/b><span style=\"font-weight: 400;\"> \u2192 #000000<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#F00<\/b><span style=\"font-weight: 400;\"> \u2192 #FF0000<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Bu k\u0131sa kullan\u0131m, \u00f6zellikle basit tasar\u0131mlarda tercih edilir ancak her renk i\u00e7in ge\u00e7erli de\u011fildir.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">K\u0131sacas\u0131 hex renk kodlar\u0131, belirli bir standartta yaz\u0131larak renklerin dijital ortamlarda do\u011fru \u015fekilde kullan\u0131lmas\u0131n\u0131 sa\u011flar.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Hex Kodu Nas\u0131l Bulunur?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Bir rengin hex kodunu bulmak olduk\u00e7a kolayd\u0131r. G\u00fcn\u00fcm\u00fczde hem taray\u0131c\u0131lar hem de tasar\u0131m ara\u00e7lar\u0131, se\u00e7ilen rengin hex de\u011ferini otomatik olarak g\u00f6sterir.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hex kodu bulmak i\u00e7in en yayg\u0131n y\u00f6ntemler \u015funlard\u0131r:<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Renk Se\u00e7iciler (Color Picker)<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Online color picker ara\u00e7lar\u0131 sayesinde istedi\u011finiz rengi se\u00e7erek an\u0131nda hex kodunu \u00f6\u011frenebilirsiniz. Bu ara\u00e7lar genellikle RGB ve di\u011fer formatlar\u0131 da birlikte sunar.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Taray\u0131c\u0131 Ara\u00e7lar\u0131 (Developer Tools)<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Chrome, Edge veya Firefox gibi taray\u0131c\u0131larda yer alan geli\u015ftirici ara\u00e7lar\u0131 ile bir web sitesindeki herhangi bir rengin hex kodunu kolayca bulabilirsiniz. \u0130ncele (Inspect) \u00f6zelli\u011fi ile ilgili \u00f6\u011fenin renk de\u011ferine ula\u015fabilirsiniz.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Tasar\u0131m Programlar\u0131<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Figma, Photoshop, Illustrator gibi tasar\u0131m ara\u00e7lar\u0131, se\u00e7ilen rengin hex kodunu otomatik olarak g\u00f6sterir. Bu sayede tasar\u0131m s\u00fcrecinde renkleri birebir kullanmak m\u00fcmk\u00fcn olur.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bu y\u00f6ntemler sayesinde herhangi bir rengin <\/span><b>hex kodu<\/b><span style=\"font-weight: 400;\"> h\u0131zl\u0131 ve pratik bir \u015fekilde bulunabilir. \u00d6zellikle web tasar\u0131m ve UI\/UX \u00e7al\u0131\u015fmalar\u0131nda bu ara\u00e7lar b\u00fcy\u00fck kolayl\u0131k sa\u011flar.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Hex Kodu RGB ve Di\u011fer Formatlara Nas\u0131l \u00c7evrilir?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Hex kodlar\u0131, asl\u0131nda RGB (K\u0131rm\u0131z\u0131, Ye\u015fil, Mavi) de\u011ferlerinin farkl\u0131 bir g\u00f6sterimidir. Bu nedenle hex \u2194 RGB d\u00f6n\u00fc\u015f\u00fcm\u00fc olduk\u00e7a basit bir mant\u0131\u011fa dayan\u0131r.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">RGB \u2194 HEX D\u00f6n\u00fc\u015f\u00fcm Mant\u0131\u011f\u0131<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Bir hex kodu 6 karakterden olu\u015fur ve her iki karakter bir renk bile\u015fenini temsil eder:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>#RRGGBB<\/strong><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Her iki karakterlik de\u011fer, hexadecimal sistemden <\/span><b>decimal (10\u2019luk sistem)<\/b><span style=\"font-weight: 400;\"> kar\u015f\u0131l\u0131\u011f\u0131na \u00e7evrilir.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00d6rnek:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#FF0000<\/b>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">FF \u2192 255 (K\u0131rm\u0131z\u0131)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">00 \u2192 0 (Ye\u015fil)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">00 \u2192 0 (Mavi)<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">\u2192 <\/span><b>RGB(255, 0, 0)<\/b><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Ba\u015fka bir \u00f6rnek:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#00FF00<\/b><span style=\"font-weight: 400;\"> \u2192 RGB(0, 255, 0)<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#0000FF<\/b><span style=\"font-weight: 400;\"> \u2192 RGB(0, 0, 255)<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Ayn\u0131 \u015fekilde RGB de\u011ferleri de hexadecimal formata \u00e7evrilebilir. \u00d6rne\u011fin:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>RGB(255, 255, 255)<\/b><span style=\"font-weight: 400;\"> \u2192 #FFFFFF<\/span><\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">Di\u011fer Formatlara D\u00f6n\u00fc\u015f\u00fcm<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Hex kodlar\u0131 yaln\u0131zca RGB de\u011fil, farkl\u0131 renk formatlar\u0131na da d\u00f6n\u00fc\u015ft\u00fcr\u00fclebilir:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>HSL (Hue, Saturation, Lightness)<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>HSV (Hue, Saturation, Value)<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>CMYK (Bask\u0131 i\u00e7in kullan\u0131l\u0131r)<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Bu d\u00f6n\u00fc\u015f\u00fcmler genellikle online ara\u00e7lar veya tasar\u0131m programlar\u0131 \u00fczerinden otomatik olarak yap\u0131l\u0131r.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Pantone Konusu (K\u0131sa Not)<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Pantone renk sistemi ise dijital de\u011fil, daha \u00e7ok <\/span><b>bask\u0131 (print) d\u00fcnyas\u0131nda kullan\u0131lan \u00f6zel bir renk standard\u0131d\u0131r<\/b><span style=\"font-weight: 400;\">. Hex kodlar\u0131 ile do\u011frudan birebir e\u015fle\u015fmez, ancak yakla\u015f\u0131k kar\u015f\u0131l\u0131klar bulunabilir.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">K\u0131sacas\u0131 hex kodlar\u0131, farkl\u0131 renk formatlar\u0131 aras\u0131nda d\u00f6n\u00fc\u015f\u00fcm yap\u0131labilen esnek bir yap\u0131 sunar ve bu da tasar\u0131m s\u00fcre\u00e7lerinde b\u00fcy\u00fck kolayl\u0131k sa\u011flar.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Hex Kodlar\u0131 Ka\u00e7 Hanelidir?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Hex kodlar\u0131 genellikle <\/span><b>3, 6 veya 8 haneli<\/b><span style=\"font-weight: 400;\"> olacak \u015fekilde kullan\u0131l\u0131r. En yayg\u0131n kullan\u0131m 6 haneli yap\u0131 olsa da, farkl\u0131 ihtiya\u00e7lara g\u00f6re alternatif formatlar da bulunur.<\/span><\/p>\n<h3>3 ve 6 Haneli Sistem<\/h3>\n<p><span style=\"font-weight: 400;\">En s\u0131k kullan\u0131lan hex kodlar\u0131 \u015funlard\u0131r:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>6 Haneli (Standart Kullan\u0131m)<\/b><b><br \/>\n<\/b><b>#RRGGBB<\/b><span style=\"font-weight: 400;\"> format\u0131ndad\u0131r ve her renk bile\u015feni iki karakterle ifade edilir.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">\u00d6rnek:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">#FFFFFF \u2192 Beyaz<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">#000000 \u2192 Siyah<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>3 Haneli (K\u0131sa Kullan\u0131m)<\/b><b><br \/>\n<\/b><b>#RGB<\/b><span style=\"font-weight: 400;\"> format\u0131ndad\u0131r ve her karakter iki kez tekrar edilerek 6 haneli kar\u015f\u0131l\u0131\u011f\u0131na denk gelir.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">\u00d6rnek:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">#FFF \u2192 #FFFFFF<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">#000 \u2192 #000000<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">#F00 \u2192 #FF0000<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Bu k\u0131sa kullan\u0131m genellikle basit tasar\u0131mlarda veya h\u0131zl\u0131 yaz\u0131m gerektiren durumlarda tercih edilir.<\/span><\/p>\n<h3>8 Haneli (Alpha \u2013 \u015eeffafl\u0131k)<\/h3>\n<p><span style=\"font-weight: 400;\">Daha ileri seviye kullan\u0131mda hex kodlar\u0131 <\/span><b>8 haneli<\/b><span style=\"font-weight: 400;\"> olabilir:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#RRGGBBAA<\/b><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Buradaki son iki karakter (<\/span><b>AA<\/b><span style=\"font-weight: 400;\">), rengin <\/span><b>opakl\u0131k (alpha)<\/b><span style=\"font-weight: 400;\"> de\u011ferini ifade eder.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00d6rnek:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#00000080<\/b><span style=\"font-weight: 400;\"> \u2192 Yar\u0131 saydam siyah<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Bu yap\u0131 \u00f6zellikle modern web tasar\u0131mda, \u015feffafl\u0131k (opacity) kontrol\u00fc gereken durumlarda kullan\u0131l\u0131r.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">K\u0131sacas\u0131 hex kodlar\u0131 farkl\u0131 hane say\u0131lar\u0131yla kullan\u0131labilir ancak en yayg\u0131n ve standart kullan\u0131m <\/span><b>6 haneli formatt\u0131r<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Hex Kodu \u00d6rnekleri ve Kullan\u0131m\u0131<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Hex kodlar\u0131, dijital tasar\u0131m ve geli\u015ftirme s\u00fcre\u00e7lerinde renklerin do\u011fru ve tutarl\u0131 \u015fekilde kullan\u0131lmas\u0131n\u0131 sa\u011flar. \u00d6zellikle web tasar\u0131m ve UI\/UX \u00e7al\u0131\u015fmalar\u0131nda s\u0131k\u00e7a tercih edilir.<\/span><\/p>\n<h3>Temel Renk \u00d6rnekleri<\/h3>\n<p><span style=\"font-weight: 400;\">En yayg\u0131n kullan\u0131lan baz\u0131 hex kodlar\u0131 \u015funlard\u0131r:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#FFFFFF<\/b><span style=\"font-weight: 400;\"> \u2192 Beyaz<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#000000<\/b><span style=\"font-weight: 400;\"> \u2192 Siyah<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#FF0000<\/b><span style=\"font-weight: 400;\"> \u2192 K\u0131rm\u0131z\u0131<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#00FF00<\/b><span style=\"font-weight: 400;\"> \u2192 Ye\u015fil<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#0000FF<\/b><span style=\"font-weight: 400;\"> \u2192 Mavi<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#FFFF00<\/b><span style=\"font-weight: 400;\"> \u2192 Sar\u0131<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#FFA500<\/b><span style=\"font-weight: 400;\"> \u2192 Turuncu<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>#800080<\/b><span style=\"font-weight: 400;\"> \u2192 Mor<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Bu temel renkler, tasar\u0131m s\u00fcre\u00e7lerinde ba\u015flang\u0131\u00e7 noktas\u0131 olarak s\u0131k\u00e7a kullan\u0131l\u0131r.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">UI\/UX Kullan\u0131m Senaryolar\u0131<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Hex kodlar\u0131 \u00f6zellikle kullan\u0131c\u0131 aray\u00fcz\u00fc (UI) ve kullan\u0131c\u0131 deneyimi (UX) tasar\u0131m\u0131nda \u00f6nemli bir rol oynar:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Buton ve CTA renkleri<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Dikkat \u00e7ekici ve d\u00f6n\u00fc\u015f\u00fcm odakl\u0131 renkler belirlemek i\u00e7in kullan\u0131l\u0131r.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Arka plan ve metin renkleri<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Okunabilirlik ve kontrast dengesi sa\u011flamak i\u00e7in tercih edilir.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Marka renkleri<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Bir markan\u0131n kurumsal kimli\u011fini korumak i\u00e7in sabit hex kodlar\u0131 kullan\u0131l\u0131r.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Hover ve aktif durumlar<\/b><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Kullan\u0131c\u0131 etkile\u015fimlerinde farkl\u0131 renk tonlar\u0131 olu\u015fturmak i\u00e7in kullan\u0131l\u0131r.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Bu kullan\u0131m alanlar\u0131 sayesinde hex kodlar\u0131, tasar\u0131mda <\/span><b>tutarl\u0131l\u0131k, okunabilirlik ve kullan\u0131c\u0131 deneyimi<\/b><span style=\"font-weight: 400;\"> a\u00e7\u0131s\u0131ndan b\u00fcy\u00fck \u00f6nem ta\u015f\u0131r.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Hex Kodunun Web Tasar\u0131m\u0131ndaki \u00d6nemi<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Hex kodlar\u0131, web tasar\u0131mda yaln\u0131zca renk se\u00e7mek i\u00e7in de\u011fil, ayn\u0131 zamanda <\/span><b>marka tutarl\u0131l\u0131\u011f\u0131, kullan\u0131c\u0131 deneyimi ve performans<\/b><span style=\"font-weight: 400;\"> a\u00e7\u0131s\u0131ndan da kritik bir rol oynar. Do\u011fru kullan\u0131lan renk kodlar\u0131, bir web sitesinin profesyonel ve g\u00fcvenilir g\u00f6r\u00fcnmesini sa\u011flar.<\/span><\/p>\n<h3>Marka Renkleri<\/h3>\n<p><span style=\"font-weight: 400;\">Her markan\u0131n kendine ait bir renk kimli\u011fi vard\u0131r. Bu renklerin t\u00fcm platformlarda ayn\u0131 \u015fekilde g\u00f6r\u00fcnmesi i\u00e7in hex kodlar\u0131 kullan\u0131l\u0131r.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><span style=\"font-weight: 400;\">\u00d6rne\u011fin bir markan\u0131n ana rengi <\/span><b>#1A73E8<\/b><span style=\"font-weight: 400;\"> ise, bu kod t\u00fcm web sitesi, reklam ve tasar\u0131m \u00e7al\u0131\u015fmalar\u0131nda sabit \u015fekilde kullan\u0131l\u0131r. Bu da marka b\u00fct\u00fcnl\u00fc\u011f\u00fcn\u00fc korur.<\/span><\/p>\n<h3>Tutarl\u0131l\u0131k<\/h3>\n<p><span style=\"font-weight: 400;\">Hex kodlar\u0131 sayesinde farkl\u0131 sayfalarda, bile\u015fenlerde ve cihazlarda ayn\u0131 renk tonu korunur. Bu durum \u00f6zellikle b\u00fcy\u00fck web projelerinde ve kurumsal sitelerde \u00f6nemlidir. Renklerde olu\u015fabilecek k\u00fc\u00e7\u00fck farkl\u0131l\u0131klar bile kullan\u0131c\u0131 deneyimini olumsuz etkileyebilir.<\/span><\/p>\n<h3>Performans ve Standart Kullan\u0131m<\/h3>\n<p><span style=\"font-weight: 400;\">Hex kodlar\u0131, CSS ve HTML i\u00e7erisinde h\u0131zl\u0131 ve standart bir \u015fekilde kullan\u0131labilir. Bu da geli\u015ftirme s\u00fcrecini kolayla\u015ft\u0131r\u0131r ve kod okunabilirli\u011fini art\u0131r\u0131r. Ayn\u0131 zamanda taray\u0131c\u0131lar taraf\u0131ndan yayg\u0131n olarak desteklendi\u011fi i\u00e7in uyumluluk sorunu ya\u015fanmaz.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">K\u0131sacas\u0131 hex kodlar\u0131, web tasar\u0131mda yaln\u0131zca estetik de\u011fil; ayn\u0131 zamanda teknik ve stratejik a\u00e7\u0131dan da \u00f6nemli bir yap\u0131 ta\u015f\u0131n\u0131 olu\u015fturur.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hec kodu (HEX kodu), renklerin dijital ortamlarda 16\u2019l\u0131k say\u0131 sistemiyle ifade edilmesini sa\u011flayan bir renk kodlama y\u00f6ntemidir. Web siteleri, uygulamalar ve tasar\u0131m ara\u00e7lar\u0131 renkleri standart \u015fekilde g\u00f6sterebilmek i\u00e7in bu kodlar\u0131 kullan\u0131r. \u201c#\u201d ile ba\u015flayan hex kodlar\u0131 sayesinde bir renk t\u00fcm cihazlarda ayn\u0131 g\u00f6r\u00fcn\u00fcr. Bu i\u00e7erikte, hec kodu nedir, nas\u0131l \u00e7al\u0131\u015f\u0131r ve nerelerde kullan\u0131l\u0131r gibi temel [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":984,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-983","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teknoloji"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Hec Kodu Nedir? (HEX Kodu Ne Anlama Gelir) - Verigom Blog<\/title>\n<meta name=\"description\" content=\"Hec kodu nedir? Renk kodlar\u0131 nas\u0131l \u00e7al\u0131\u015f\u0131r, nas\u0131l yaz\u0131l\u0131r ve nerelerde kullan\u0131l\u0131r? Hex kodu hakk\u0131nda bilmeniz gereken t\u00fcm detaylar bu rehberde.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hec Kodu Nedir? (HEX Kodu Ne Anlama Gelir) - Verigom Blog\" \/>\n<meta property=\"og:description\" content=\"Hec kodu nedir? Renk kodlar\u0131 nas\u0131l \u00e7al\u0131\u015f\u0131r, nas\u0131l yaz\u0131l\u0131r ve nerelerde kullan\u0131l\u0131r? Hex kodu hakk\u0131nda bilmeniz gereken t\u00fcm detaylar bu rehberde.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/\" \/>\n<meta property=\"og:site_name\" content=\"Domain, Hosting Ve Teknoloji Blogu - Verigom\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-16T14:26:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-16T14:35:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"837\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Kamil Yusuf\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kamil Yusuf\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/\"},\"author\":{\"name\":\"Kamil Yusuf\",\"@id\":\"https:\/\/www.verigom.com\/blog\/#\/schema\/person\/2a95692fd2165b1b87493f900de59f87\"},\"headline\":\"Hec Kodu Nedir? (HEX Kodu Ne Anlama Gelir)\",\"datePublished\":\"2026-04-16T14:26:03+00:00\",\"dateModified\":\"2026-04-16T14:35:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/\"},\"wordCount\":2213,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir.webp\",\"articleSection\":[\"Teknoloji\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/\",\"url\":\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/\",\"name\":\"Hec Kodu Nedir? (HEX Kodu Ne Anlama Gelir) - Verigom Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.verigom.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir.webp\",\"datePublished\":\"2026-04-16T14:26:03+00:00\",\"dateModified\":\"2026-04-16T14:35:04+00:00\",\"author\":{\"@id\":\"https:\/\/www.verigom.com\/blog\/#\/schema\/person\/2a95692fd2165b1b87493f900de59f87\"},\"description\":\"Hec kodu nedir? Renk kodlar\u0131 nas\u0131l \u00e7al\u0131\u015f\u0131r, nas\u0131l yaz\u0131l\u0131r ve nerelerde kullan\u0131l\u0131r? Hex kodu hakk\u0131nda bilmeniz gereken t\u00fcm detaylar bu rehberde.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#primaryimage\",\"url\":\"https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir.webp\",\"contentUrl\":\"https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir.webp\",\"width\":1500,\"height\":837},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/www.verigom.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hec Kodu Nedir? (HEX Kodu Ne Anlama Gelir)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.verigom.com\/blog\/#website\",\"url\":\"https:\/\/www.verigom.com\/blog\/\",\"name\":\"Domain, Hosting Ve Teknoloji Blogu - Verigom\",\"description\":\"Domain, web hosting, g\u00fcncel teknoloji i\u00e7erikleri, sekt\u00f6rel haber ve sorunlar\u0131n \u00e7\u00f6z\u00fcm\u00fc, wordpress ve dijital pazarlama ile ilgili fayda sa\u011flayacak i\u00e7erikler.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.verigom.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.verigom.com\/blog\/#\/schema\/person\/2a95692fd2165b1b87493f900de59f87\",\"name\":\"Kamil Yusuf\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.verigom.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3225e9362b81a285e49f24247cdfa9b7a81e25e1392a68a6e8400751f1c04c93?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3225e9362b81a285e49f24247cdfa9b7a81e25e1392a68a6e8400751f1c04c93?s=96&d=mm&r=g\",\"caption\":\"Kamil Yusuf\"},\"description\":\"Web bar\u0131nd\u0131rma teknolojilerine ve dijital d\u00fcnyaya merakl\u0131 bir i\u00e7erik \u00fcreticisi. Y\u0131llard\u0131r hosting, sunucu y\u00f6netimi ve web sitesi performans\u0131 gibi konularda ara\u015ft\u0131rmalar yap\u0131yor ve edindi\u011fi deneyimleri bu blogda payla\u015f\u0131yor.\",\"url\":\"https:\/\/www.verigom.com\/blog\/author\/yusuf\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hec Kodu Nedir? (HEX Kodu Ne Anlama Gelir) - Verigom Blog","description":"Hec kodu nedir? Renk kodlar\u0131 nas\u0131l \u00e7al\u0131\u015f\u0131r, nas\u0131l yaz\u0131l\u0131r ve nerelerde kullan\u0131l\u0131r? Hex kodu hakk\u0131nda bilmeniz gereken t\u00fcm detaylar bu rehberde.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/","og_locale":"tr_TR","og_type":"article","og_title":"Hec Kodu Nedir? (HEX Kodu Ne Anlama Gelir) - Verigom Blog","og_description":"Hec kodu nedir? Renk kodlar\u0131 nas\u0131l \u00e7al\u0131\u015f\u0131r, nas\u0131l yaz\u0131l\u0131r ve nerelerde kullan\u0131l\u0131r? Hex kodu hakk\u0131nda bilmeniz gereken t\u00fcm detaylar bu rehberde.","og_url":"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/","og_site_name":"Domain, Hosting Ve Teknoloji Blogu - Verigom","article_published_time":"2026-04-16T14:26:03+00:00","article_modified_time":"2026-04-16T14:35:04+00:00","og_image":[{"width":1500,"height":837,"url":"https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir.webp","type":"image\/webp"}],"author":"Kamil Yusuf","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Kamil Yusuf","Tahmini okuma s\u00fcresi":"11 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#article","isPartOf":{"@id":"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/"},"author":{"name":"Kamil Yusuf","@id":"https:\/\/www.verigom.com\/blog\/#\/schema\/person\/2a95692fd2165b1b87493f900de59f87"},"headline":"Hec Kodu Nedir? (HEX Kodu Ne Anlama Gelir)","datePublished":"2026-04-16T14:26:03+00:00","dateModified":"2026-04-16T14:35:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/"},"wordCount":2213,"commentCount":0,"image":{"@id":"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#primaryimage"},"thumbnailUrl":"https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir.webp","articleSection":["Teknoloji"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/","url":"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/","name":"Hec Kodu Nedir? (HEX Kodu Ne Anlama Gelir) - Verigom Blog","isPartOf":{"@id":"https:\/\/www.verigom.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#primaryimage"},"image":{"@id":"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#primaryimage"},"thumbnailUrl":"https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir.webp","datePublished":"2026-04-16T14:26:03+00:00","dateModified":"2026-04-16T14:35:04+00:00","author":{"@id":"https:\/\/www.verigom.com\/blog\/#\/schema\/person\/2a95692fd2165b1b87493f900de59f87"},"description":"Hec kodu nedir? Renk kodlar\u0131 nas\u0131l \u00e7al\u0131\u015f\u0131r, nas\u0131l yaz\u0131l\u0131r ve nerelerde kullan\u0131l\u0131r? Hex kodu hakk\u0131nda bilmeniz gereken t\u00fcm detaylar bu rehberde.","breadcrumb":{"@id":"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#primaryimage","url":"https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir.webp","contentUrl":"https:\/\/www.verigom.com\/blog\/wp-content\/uploads\/2026\/04\/hec-kodu-nedir.webp","width":1500,"height":837},{"@type":"BreadcrumbList","@id":"https:\/\/www.verigom.com\/blog\/hec-kodu-nedir\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/www.verigom.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Hec Kodu Nedir? (HEX Kodu Ne Anlama Gelir)"}]},{"@type":"WebSite","@id":"https:\/\/www.verigom.com\/blog\/#website","url":"https:\/\/www.verigom.com\/blog\/","name":"Domain, Hosting Ve Teknoloji Blogu - Verigom","description":"Domain, web hosting, g\u00fcncel teknoloji i\u00e7erikleri, sekt\u00f6rel haber ve sorunlar\u0131n \u00e7\u00f6z\u00fcm\u00fc, wordpress ve dijital pazarlama ile ilgili fayda sa\u011flayacak i\u00e7erikler.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.verigom.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Person","@id":"https:\/\/www.verigom.com\/blog\/#\/schema\/person\/2a95692fd2165b1b87493f900de59f87","name":"Kamil Yusuf","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.verigom.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3225e9362b81a285e49f24247cdfa9b7a81e25e1392a68a6e8400751f1c04c93?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3225e9362b81a285e49f24247cdfa9b7a81e25e1392a68a6e8400751f1c04c93?s=96&d=mm&r=g","caption":"Kamil Yusuf"},"description":"Web bar\u0131nd\u0131rma teknolojilerine ve dijital d\u00fcnyaya merakl\u0131 bir i\u00e7erik \u00fcreticisi. Y\u0131llard\u0131r hosting, sunucu y\u00f6netimi ve web sitesi performans\u0131 gibi konularda ara\u015ft\u0131rmalar yap\u0131yor ve edindi\u011fi deneyimleri bu blogda payla\u015f\u0131yor.","url":"https:\/\/www.verigom.com\/blog\/author\/yusuf\/"}]}},"_links":{"self":[{"href":"https:\/\/www.verigom.com\/blog\/wp-json\/wp\/v2\/posts\/983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.verigom.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.verigom.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.verigom.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.verigom.com\/blog\/wp-json\/wp\/v2\/comments?post=983"}],"version-history":[{"count":3,"href":"https:\/\/www.verigom.com\/blog\/wp-json\/wp\/v2\/posts\/983\/revisions"}],"predecessor-version":[{"id":988,"href":"https:\/\/www.verigom.com\/blog\/wp-json\/wp\/v2\/posts\/983\/revisions\/988"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.verigom.com\/blog\/wp-json\/wp\/v2\/media\/984"}],"wp:attachment":[{"href":"https:\/\/www.verigom.com\/blog\/wp-json\/wp\/v2\/media?parent=983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.verigom.com\/blog\/wp-json\/wp\/v2\/categories?post=983"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.verigom.com\/blog\/wp-json\/wp\/v2\/tags?post=983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}