{"id":263,"date":"2026-04-10T22:04:16","date_gmt":"2026-04-10T22:04:16","guid":{"rendered":"https:\/\/uzmansoft.net\/blog\/?p=263"},"modified":"2026-04-10T22:04:16","modified_gmt":"2026-04-10T22:04:16","slug":"hex-renk-kodu-nedir-hec-kodu-ne-anlama-gelir","status":"publish","type":"post","link":"https:\/\/uzmansoft.net\/blog\/hex-renk-kodu-nedir-hec-kodu-ne-anlama-gelir\/","title":{"rendered":"HEX Renk Kodu Nedir HEC Kodu Ne Anlama Gelir"},"content":{"rendered":"

Web tasar\u0131m, grafik tasar\u0131m ve yaz\u0131l\u0131m d\u00fcnyas\u0131nda s\u0131k\u00e7a kar\u015f\u0131la\u015f\u0131lan terimlerden biri HEX renk kodlar\u0131d\u0131r<\/strong>. Ancak baz\u0131 kullan\u0131c\u0131lar bu kavram\u0131 yanl\u0131\u015fl\u0131kla \u201cHEC kodu\u201d olarak da aratabiliyor.<\/p>\n

Bu yaz\u0131da HEX renk kodu nedir, nas\u0131l kullan\u0131l\u0131r ve HEC kodu ne demek<\/strong> gibi t\u00fcm detaylar\u0131 sade ve anla\u015f\u0131l\u0131r bir \u015fekilde ele al\u0131yoruz.<\/p>\n

\n

HEC Kodu Nedir?<\/h2>\n

\u00d6ncelikle \u015funu netle\u015ftirelim: \u201cHEC kodu\u201d diye teknik bir terim yoktur.<\/strong>
Bu ifade genellikle kullan\u0131c\u0131lar\u0131n yaz\u0131m hatas\u0131 sonucu kulland\u0131\u011f\u0131 bir terimdir.<\/p>\n

Do\u011fru kullan\u0131m:
\nHEX Kodu (Hexadecimal Color Code)<\/strong><\/p>\n

Yani \u201cHEC kodu\u201d asl\u0131nda HEX renk kodu<\/strong> anlam\u0131na gelir.<\/p>\n

\n

HEX Renk Kodu Nedir?<\/h2>\n

HEX (Hexadecimal), renklerin say\u0131sal olarak ifade edilmesini sa\u011flayan bir sistemdir. Web sitelerinde kullan\u0131lan t\u00fcm renkler, bu kodlar sayesinde tan\u0131mlan\u0131r.<\/p>\n

Bir HEX kodu genellikle \u015fu \u015fekilde g\u00f6r\u00fcn\u00fcr:<\/p>\n

\n
\n
\n
\n
\n
\n
\n
<\/div>\n
\n
\n
\n
\n
\n
#FFFFFF<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n

Bu yap\u0131 \u015fu \u00fc\u00e7 ana bile\u015fenden olu\u015fur:<\/p>\n

#<\/strong> \u2192 Kodun HEX format\u0131nda oldu\u011funu belirtir<\/p>\n

FF (K\u0131rm\u0131z\u0131)<\/strong><\/p>\n

FF (Ye\u015fil)<\/strong><\/p>\n

FF (Mavi)<\/strong><\/p>\n

Bu \u00fc\u00e7 de\u011fer birle\u015ferek rengi olu\u015fturur.<\/p>\n

\n

HEX Renk Kodlar\u0131 Nas\u0131l \u00c7al\u0131\u015f\u0131r?<\/h2>\n

HEX sistemi, RGB (Red, Green, Blue) mant\u0131\u011f\u0131na dayan\u0131r. Ancak burada say\u0131lar 16\u2019l\u0131k say\u0131 sistemi (0-9 ve A-F)<\/strong> ile ifade edilir.<\/p>\n

\u00d6rnekler:<\/p>\n

#000000<\/code> \u2192 Siyah<\/p>\n

#FFFFFF<\/code> \u2192 Beyaz<\/p>\n

#FF0000<\/code> \u2192 K\u0131rm\u0131z\u0131<\/p>\n

#00FF00<\/code> \u2192 Ye\u015fil<\/p>\n

#0000FF<\/code> \u2192 Mavi<\/p>\n

Her iki karakter, 0 ile 255 aras\u0131ndaki de\u011feri temsil eder.<\/p>\n

\n

HEX Renk Kodlar\u0131 Nerelerde Kullan\u0131l\u0131r?<\/h2>\n

HEX kodlar\u0131 \u00f6zellikle dijital d\u00fcnyada \u00e7ok geni\u015f bir kullan\u0131m alan\u0131na sahiptir:<\/p>\n

Web tasar\u0131m (HTML, CSS)<\/p>\n

Grafik tasar\u0131m (Photoshop, Illustrator)<\/p>\n

Mobil uygulama geli\u015ftirme<\/p>\n

UI\/UX tasar\u0131m<\/p>\n

Marka renk belirleme<\/p>\n

\u00d6zellikle web sitelerinde CSS i\u00e7inde \u015fu \u015fekilde kullan\u0131l\u0131r:<\/p>\n

\n
\n
\n
\n
\n
\n
\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n
\n
\n
\n
\n
\n
color<\/span>: #<\/span>333333;
\nbackground-color<\/span>: #<\/span>f5f5f5<\/span>;<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n

HEX ile RGB Aras\u0131ndaki Fark Nedir?<\/h2>\n

HEX ve RGB asl\u0131nda ayn\u0131 renkleri ifade eder, sadece g\u00f6sterim \u015fekilleri farkl\u0131d\u0131r.<\/p>\n

\u00d6rnek:<\/p>\n

HEX: #FF0000<\/code><\/p>\n

RGB: rgb(255, 0, 0)<\/code><\/p>\n

HEX daha k\u0131sa ve okunabilir oldu\u011fu i\u00e7in web tasar\u0131mda daha yayg\u0131n kullan\u0131l\u0131r.<\/p>\n

\n

HEX Renk Kodu Nas\u0131l Bulunur?<\/h2>\n

Bir rengin HEX kodunu \u00f6\u011frenmek olduk\u00e7a kolayd\u0131r. Bunun i\u00e7in:<\/p>\n

Taray\u0131c\u0131 geli\u015ftirici ara\u00e7lar\u0131n\u0131 kullanabilirsiniz<\/p>\n

Renk se\u00e7ici (color picker) ara\u00e7lar\u0131 kullanabilirsiniz<\/p>\n

Tasar\u0131m programlar\u0131ndan direkt kopyalayabilirsiniz<\/p>\n

\n

En \u00c7ok Kullan\u0131lan HEX Renk Kodlar\u0131<\/h2>\n

Siyah \u2192 #000000<\/code><\/p>\n

Beyaz \u2192 #FFFFFF<\/code><\/p>\n

Gri \u2192 #808080<\/code><\/p>\n

K\u0131rm\u0131z\u0131 \u2192 #FF0000<\/code><\/p>\n

Mavi \u2192 #0000FF<\/code><\/p>\n

Bu renkler web tasar\u0131mda en \u00e7ok tercih edilen temel renklerdir.<\/p>\n

\n

HEX Kod Kullan\u0131rken Dikkat Edilmesi Gerekenler<\/h2>\n

Renk kontrast\u0131na dikkat edin (okunabilirlik i\u00e7in)<\/p>\n

Marka renklerinizi sabit kullan\u0131n<\/p>\n

A\u00e7\u0131k ve koyu tonlar\u0131 dengeli se\u00e7in<\/p>\n

Kullan\u0131c\u0131 deneyimini \u00f6n planda tutun<\/p>\n

\n

Sonu\u00e7<\/h2>\n

HEX renk kodlar\u0131, dijital d\u00fcnyada renklerin standart bir \u015fekilde kullan\u0131lmas\u0131n\u0131 sa\u011flayan en \u00f6nemli sistemlerden biridir. \u201cHEC kodu\u201d olarak bilinen ifade ise asl\u0131nda bu sistemin yanl\u0131\u015f yaz\u0131m\u0131d\u0131r.<\/p>\n

Web sitesi tasar\u0131m\u0131, uygulama geli\u015ftirme veya grafik \u00e7al\u0131\u015fmalar\u0131nda HEX kodlar\u0131n\u0131 do\u011fru kullanmak, hem g\u00f6rsel b\u00fct\u00fcnl\u00fck hem de profesyonel bir g\u00f6r\u00fcn\u00fcm a\u00e7\u0131s\u0131ndan b\u00fcy\u00fck \u00f6nem ta\u015f\u0131r.<\/p>\n

\n

\ud83d\ude80 Web Projeleriniz \u0130\u00e7in G\u00fc\u00e7l\u00fc Altyap\u0131<\/h2>\n

Web sitenizi tasarlad\u0131ktan sonra h\u0131zl\u0131 ve stabil \u00e7al\u0131\u015fmas\u0131 i\u00e7in g\u00fc\u00e7l\u00fc bir sunucu altyap\u0131s\u0131na ihtiyac\u0131n\u0131z vard\u0131r.<\/p>\n

Uzmansoft VDS kiralama hizmetleri ile:
\u2714 Y\u00fcksek performans
\u2714 H\u0131zl\u0131 eri\u015fim
\u2714 Kesintisiz \u00e7al\u0131\u015fma
\u2714 G\u00fc\u00e7l\u00fc altyap\u0131<\/p>\n

Ayr\u0131ca Uzmansoft sunucu paketleri sayesinde projelerinizi sorunsuz \u015fekilde yay\u0131na alabilirsiniz.<\/p>\n

Ucuz Vds Sat\u0131n Al<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Web tasar\u0131m, grafik tasar\u0131m ve yaz\u0131l\u0131m d\u00fcnyas\u0131nda s\u0131k\u00e7a kar\u015f\u0131la\u015f\u0131lan terimlerden biri HEX renk kodlar\u0131d\u0131r. Ancak baz\u0131 kullan\u0131c\u0131lar bu kavram\u0131 yanl\u0131\u015fl\u0131kla \u201cHEC kodu\u201d olarak da aratabiliyor. Bu yaz\u0131da HEX renk kodu nedir, nas\u0131l kullan\u0131l\u0131r ve HEC kodu ne demek gibi t\u00fcm detaylar\u0131 sade ve anla\u015f\u0131l\u0131r bir \u015fekilde ele al\u0131yoruz. HEC Kodu Nedir? \u00d6ncelikle \u015funu netle\u015ftirelim: \u201cHEC […]<\/p>\n","protected":false},"author":3,"featured_media":264,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-263","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-genel"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/uzmansoft.net\/blog\/wp-json\/wp\/v2\/posts\/263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uzmansoft.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/uzmansoft.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/uzmansoft.net\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/uzmansoft.net\/blog\/wp-json\/wp\/v2\/comments?post=263"}],"version-history":[{"count":1,"href":"https:\/\/uzmansoft.net\/blog\/wp-json\/wp\/v2\/posts\/263\/revisions"}],"predecessor-version":[{"id":265,"href":"https:\/\/uzmansoft.net\/blog\/wp-json\/wp\/v2\/posts\/263\/revisions\/265"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/uzmansoft.net\/blog\/wp-json\/wp\/v2\/media\/264"}],"wp:attachment":[{"href":"https:\/\/uzmansoft.net\/blog\/wp-json\/wp\/v2\/media?parent=263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/uzmansoft.net\/blog\/wp-json\/wp\/v2\/categories?post=263"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/uzmansoft.net\/blog\/wp-json\/wp\/v2\/tags?post=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}