{"id":4118,"date":"2026-01-13T11:04:31","date_gmt":"2026-01-13T08:04:31","guid":{"rendered":"https:\/\/www.turkticaret.net\/blog\/?p=4118"},"modified":"2026-03-04T15:01:05","modified_gmt":"2026-03-04T12:01:05","slug":"tasarimda-en-cok-kullanilan-renk-kodlari","status":"publish","type":"post","link":"https:\/\/www.turkticaret.net\/blog\/tasarimda-en-cok-kullanilan-renk-kodlari\/","title":{"rendered":"Tasar\u0131mda En \u00c7ok Kullan\u0131lan Renk Kodlar\u0131"},"content":{"rendered":"

Web sitenizi tasarlarken g\u00f6z \u00f6n\u00fcnde bulundurman\u0131z gereken bir\u00e7ok \u00f6zellik bulunmaktad\u0131r. En temel birka\u00e7 \u015fey saymak gerekir ise; bir site mimarisi olu\u015fturman\u0131z, harekete ge\u00e7irici mesajlar (CTA) yerle\u015ftirmeniz ve alan ad\u0131n\u0131z\u0131 (domain<\/a>) se\u00e7meniz gerekir. ”Hala bir alan ad\u0131 sahibi de\u011filseniz hemen domain sorgulama<\/strong><\/a> ekran\u0131m\u0131zdan hayalinizdeki alan ad\u0131n\u0131 sorgulay\u0131n ve alan ad\u0131 sahibi olun.” \u00c7o\u011fu zaman bir sitenin renk \u015femas\u0131 sonradan akla gelmektedir ve pek \u00e7ok site sahibi web site renkleri ne kadar \u00f6nemli olabilir diye d\u00fc\u015f\u00fcnmektedirler. Makalenin devam\u0131nda; web sitesinde renklerin \u00f6neminden, web sitesi renk \u015femalar\u0131, renk kodlar\u0131<\/strong> ve renkler hakk\u0131nda detayl\u0131 bilgilerden bahsedece\u011fiz.<\/p>\n

\"Tasar\u0131mda<\/p>\n

Web sitenizdeki renk se\u00e7imlerinin ziyaret\u00e7ileriniz, kullan\u0131c\u0131lar\u0131n\u0131z ve m\u00fc\u015fterileriniz \u00fczerinde tahmin edebilece\u011finizden \u00e7ok daha b\u00fcy\u00fck bir etkisi vard\u0131r. Belirli duygular\u0131 harekete ge\u00e7irme ve ziyaret\u00e7ilerinizin yapt\u0131\u011f\u0131 se\u00e7imleri motive etme gibi etkileri bulunmaktad\u0131r. Ara\u015ft\u0131rmalara g\u00f6re; insanlar\u0131n \u00fcr\u00fcnlere maruz kald\u0131ktan sonraki 90 saniye i\u00e7inde \u00fcr\u00fcnleri de\u011ferlendirdi\u011fini ve bu karar\u0131n %90’\u0131n\u0131n renge dayal\u0131 oldu\u011funu g\u00f6stermektedir. Do\u011fru renkleri se\u00e7mek, ziyaret\u00e7ilerinizin web sitenizi ve markan\u0131z\u0131 nas\u0131l alg\u0131lad\u0131\u011f\u0131n\u0131 etkiler. Bir di\u011fer ara\u015ft\u0131rmaya g\u00f6re; \u015firket g\u00fcvenirli\u011fini belirlemede en \u00f6nemli fakt\u00f6rlerden biridir. Bu k\u0131lavuz, web sitenizin markas\u0131na en uygun renkleri bulabilmeniz rehber olacakt\u0131r. Referans olmas\u0131 a\u00e7\u0131s\u0131ndan renk kodlar\u0131 ve renk anlamlar\u0131n\u0131 listeleyece\u011fiz.<\/p>\n

Renk Teorisi Nedir?<\/h2>\n

Renk teorisi, rengi \u00e7evreleyen birincil kural ve y\u00f6nergelerin ve estetik a\u00e7\u0131dan ho\u015f g\u00f6rseller yaratman\u0131n temelidir. Renk teorisinin temellerini anlayarak, renk kodlar\u0131 ve renk paletlerini daha stratejik bir \u015fekilde olu\u015fturmak ve kullanmak i\u00e7in rengin mant\u0131ksal yap\u0131s\u0131n\u0131 incelemektir. Belirli bir duyguyu, titre\u015fimi veya esteti\u011fi uyand\u0131rmak anlam\u0131na gelir. Renk, kullan\u0131c\u0131lar\u0131n belirli bir d\u00fczende nas\u0131l aksiyon ald\u0131\u011f\u0131n\u0131 ve bunu yaparken ne hissettiklerini etkileyebilir.<\/p>\n

\"Tasar\u0131mda<\/p>\n

Ana Renkler<\/h3>\n

Ana renkler (birincil renkler), birden fazla renk taraf\u0131ndan olu\u015fmayan renklerdir. \u00dc\u00e7 adet ana renk vard\u0131r:<\/p>\n

    \n
  • K\u0131rm\u0131z\u0131<\/li>\n
  • Sar\u0131<\/li>\n
  • Mavi<\/li>\n<\/ul>\n

    Ara Renkler<\/h3>\n

    Ara renkler, yukar\u0131da say\u0131lan \u00fc\u00e7 ana renkten herhangi ikisinin bir araya gelmesiyle olu\u015fan renklerdir. \u00dc\u00e7 ara renk vard\u0131r: turuncu<\/strong>,\u00a0mor<\/strong>\u00a0ve\u00a0ye\u015fil<\/strong>\u00a0.\u00a0\u00dc\u00e7 ana renkten ikisini kullanarak her birini olu\u015fturabilirsiniz.\u00a0\u0130kincil renk olu\u015fturman\u0131n genel kurallar\u0131 \u015funlard\u0131r:<\/p>\n

      \n
    • K\u0131rm\u0131z\u0131 + Sar\u0131 =\u00a0Turuncu<\/strong><\/li>\n
    • Mavi + K\u0131rm\u0131z\u0131 =\u00a0Mor<\/strong><\/li>\n
    • Sar\u0131 + Mavi =\u00a0Ye\u015fil<\/strong><\/li>\n<\/ul>\n

      \u00dc\u00e7\u00fcnc\u00fcl Renkler<\/h3>\n

      Birincil renk, ikincil renkle kar\u0131\u015ft\u0131r\u0131ld\u0131\u011f\u0131nda \u00fc\u00e7\u00fcnc\u00fcl renkler ortaya \u00e7\u0131kar. \u00dc\u00e7\u00fcnc\u00fcl renklerin en \u00f6nemli \u00f6zelli\u011fi, her ana rengin bir \u00fc\u00e7\u00fcnc\u00fcl renk olu\u015fturmak i\u00e7in ara renk ile e\u015fle\u015fmemesidir. \u00d6rne\u011fin, k\u0131rm\u0131z\u0131, ye\u015fil ile mavi, turuncu ile uyumlu bir \u015fekilde kar\u0131\u015ft\u0131r\u0131lamaz.<\/p>\n

        \n
      • K\u0131rm\u0131z\u0131 + Mor = Magenta<\/li>\n
      • K\u0131rm\u0131z\u0131 + Turuncu = Vermilyon<\/li>\n
      • Mavi + Mor = Menek\u015fe Rengi<\/li>\n
      • Mavi + Ye\u015fil = Teal Mavisi<\/li>\n
      • Sar\u0131 + Turuncu = Kehribar<\/li>\n
      • Sar\u0131 + Ye\u015fil = \u015eartr\u00f6z rengi<\/li>\n<\/ul>\n

        Herhangi bir bilgisayar program\u0131nda renkle oynad\u0131ysan\u0131z, muhtemelen RGB veya CMYK renklerini harflerin yan\u0131nda baz\u0131 say\u0131larla listeleyen bir mod\u00fcl g\u00f6rm\u00fc\u015fs\u00fcn\u00fczd\u00fcr. Bu harfler ne anlama gelmektedir daha \u00f6nce hi\u00e7 merak ettiniz mi?<\/p>\n

        \"Tasar\u0131mda<\/p>\n

        CMYK<\/h2>\n

        CMYK, \u00a0Cyan, Magenta, Yellow ve Key (Black) anlam\u0131na gelmektedir. CMYK,\u00a0eksiltici renk modelidir.\u00a0 <\/strong>CMYK, 0 ile 100 ile \u00f6l\u00e7eklendirilir. C=100, M=100, Y=100 ve K=100 ise, siyah elde edersiniz. Ancak, d\u00f6rt rengin t\u00fcm\u00fc s\u0131f\u0131r e\u015fitse, beyaz elde edersiniz.<\/p>\n

        RGB<\/h2>\n

        RGB renkli modeller ise bilgisayarlar gibi elektronik ekranlar i\u00e7in tasarlanm\u0131\u015ft\u0131r.\u00a0 RGB\u00a0 Red, Green ve Blue anlam\u0131na gelmektedir. I\u015f\u0131k dalgalar\u0131n\u0131n\u00a0ek renk modeline<\/strong> dayanmaktad\u0131r. Ne kadar \u00e7ok renk\u00a0eklerseniz,<\/em> beyaza o kadar yakla\u015faca\u011f\u0131n\u0131z anlam\u0131na gelir.\u00a0 RGB de\u011feri, 0 ile 255 aras\u0131ndaki \u00f6l\u00e7ekler kullan\u0131larak olu\u015fturulur. Dolay\u0131s\u0131yla siyah, R=0, G=0 ve B=0 olacakt\u0131r. Beyaz, R=255, G=255 ve B=255 olacakt\u0131r.<\/p>\n

        Bilgisayarlarda renk olu\u015ftururken, renk mod\u00fck\u00fc genellikle hem CMYK hem de RGB numaralar\u0131n\u0131 listeler. Ancak, bir\u00e7ok web program\u0131 size yaln\u0131zca RGB de\u011ferlerini veya bir HEX kodunu (CSS ve HTML i\u00e7in renge atanan kod) verir.<\/p>\n

        Hex Renk Kodlar\u0131 ( Hexadecimal Renk Kodlar\u0131)<\/h2>\n

        Peki hex kodu nedir? Tasar\u0131mc\u0131lar ve geli\u015ftiriciler, web tasar\u0131m\u0131nda HEX renklerini kullan\u0131r. HEX rengi, red, green ve blue (RGB) kar\u0131\u015f\u0131m\u0131 ile tan\u0131mlanan alt\u0131 basamakl\u0131 harf ve say\u0131 kombinasyondur.<\/p>\n

        PMS (Pantone\u00ae E\u015fle\u015ftirme Sistemi)<\/strong><\/h2>\n

        PMS renkleri (Pantone\u00ae renkleri olarak da adland\u0131r\u0131l\u0131r), Pantone \u015firketi taraf\u0131ndan yap\u0131lan patentli, standartla\u015ft\u0131r\u0131lm\u0131\u015f renkli m\u00fcrekkeplerdir. Pantone 50 y\u0131l\u0131 a\u015fk\u0131n s\u00fcredir piyasada ve grafik camias\u0131nda renk yaratma ve e\u015fle\u015ftirme konusunda ilk kapsaml\u0131 standartla\u015ft\u0131r\u0131lm\u0131\u015f sistemin olu\u015fturulmas\u0131ndan sorumludur.<\/p>\n

        \"Tasar\u0131mda<\/p>\n

        Renklerin Anlamlar\u0131<\/h2>\n

        De\u011fi\u015fen g\u00f6rsel etkinin yan\u0131 s\u0131ra, renkler insanlar i\u00e7in farkl\u0131 duygusal semboller ta\u015f\u0131rlar.<\/p>\n

          \n
        • K\u0131rm\u0131z\u0131<\/strong> \u2014 genellikle g\u00fc\u00e7, tutku veya enerji ile ili\u015fkilendirilmektedir ve sitenizde harekete ge\u00e7meyi te\u015fvik etmeye yard\u0131mc\u0131 olabilir.<\/li>\n
        • Turuncu<\/strong> \u2014 ne\u015fe ve co\u015fku, olumlu mesajla\u015fma i\u00e7in iyi bir renk se\u00e7imdir.<\/li>\n
        • Sar\u0131<\/strong> – mutluluk ve zekay\u0131 temsil eder, ancak a\u015f\u0131r\u0131 kullan\u0131ma kar\u015f\u0131 dikkatli olmal\u0131s\u0131n\u0131z.<\/li>\n
        • Ye\u015fil<\/strong> \u2014 genellikle b\u00fcy\u00fcme ile ba\u011flant\u0131l\u0131 olan ye\u015fil, markan\u0131z\u0131n y\u00fckseli\u015fte oldu\u011fu hissini vermenize yard\u0131mc\u0131 olabilir.<\/li>\n
        • Mavi<\/strong> \u2014 g\u00f6lgeye ba\u011fl\u0131 olarak huzur ve g\u00fcven. Mavide a\u00e7\u0131k tonlar huzur hissi verir, koyu renkler daha kendinden emindir.<\/li>\n
        • Mor<\/strong> \u2014 mor l\u00fcks ve yarat\u0131c\u0131l\u0131k duygusunu vermektedir.<\/li>\n
        • Siyah<\/strong> – g\u00fc\u00e7 ve gizemi temsil etmektedir.<\/li>\n
        • Beyaz<\/strong> \u2014 g\u00fcvenlik ve masumiyet, sitenizi d\u00fczene sokman\u0131za yard\u0131mc\u0131 olmak i\u00e7in harika bir renk se\u00e7imidir.<\/li>\n<\/ul>\n

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

          Sizler i\u00e7in mavi renk kodu, gri renk kodu, bordo renk kodu, mor renk kodlar\u0131 gibi en \u00e7ok tercih edilen kodlar\u0131 sizler i\u00e7in listeledik.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
          Renk<\/strong><\/td>\nHex Renk Kodlar\u0131<\/strong><\/td>\nRGB Renk Kodlar\u0131<\/strong><\/td>\n<\/tr>\n
          K\u0131rm\u0131z\u0131<\/td>\n#FF0000<\/td>\n(255,0,0)<\/td>\n<\/tr>\n
          Mavi<\/td>\n#0000FF<\/td>\n(0,0,255)<\/td>\n<\/tr>\n
          Bordo<\/td>\n#800000<\/td>\n(128,0,0)<\/td>\n<\/tr>\n
          Lacivert<\/td>\n#000080<\/td>\n(0,0,128)<\/td>\n<\/tr>\n
          Fildi\u015fi<\/td>\n#FFFFF0<\/td>\n(255,255,240)<\/td>\n<\/tr>\n
          Siyah<\/td>\n#000000<\/td>\n(0,0,0)<\/td>\n<\/tr>\n
          Gri<\/td>\n#808080<\/td>\n(128,128,128)<\/td>\n<\/tr>\n
          Ye\u015fil<\/td>\n#008000<\/td>\n(1,128,0)<\/td>\n<\/tr>\n
          Lime<\/td>\n#00FF00<\/td>\n(0,255,0)<\/td>\n<\/tr>\n
          Mor<\/td>\n#800080<\/td>\n(128,0,128)<\/td>\n<\/tr>\n
          Turuncu<\/td>\n#FFA500<\/td>\n(255,165,0)<\/td>\n<\/tr>\n
          Beyaz<\/td>\n#FFFFFF<\/td>\n(255,255,255)<\/td>\n<\/tr>\n
          Teal<\/td>\n#008080<\/td>\n(0,128,128)<\/td>\n<\/tr>\n
          G\u00fcm\u00fc\u015f<\/td>\n#C0C0C0<\/td>\n(192,192,192)<\/td>\n<\/tr>\n
          Aqua<\/td>\n#00FFFF<\/td>\n(0,255,255)<\/td>\n<\/tr>\n
          Sar\u0131<\/td>\n#FFFF00<\/td>\n(255,255,0)<\/td>\n<\/tr>\n
          Olive<\/td>\n#808000<\/td>\n(128,128,0)<\/td>\n<\/tr>\n
          Fu\u015fya<\/td>\n#FF00FF<\/td>\n(255,0,255)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
          \n