Hex renk kodu nedir, #2F6FED nasıl okunur?

Bir tasarımcıdan, bir kurumsal kimlik kılavuzundan ya da bir web sayfasının ayarlarından size #2F6FED gibi bir şey geldi. Diyez işaretiyle başlıyor, harf ve rakam karışık altı hane sürüyor, sonunda da bir renk çıkıyor. Bu yazı o altı hanenin ne söylediğini anlatıyor.

Kodu okumayı öğrenmenin somut bir faydası var: iki kodu yan yana koyduğunuzda hangisinin daha koyu, hangisinin daha maviye çalan olduğunu ekrana bakmadan görebiliyorsunuz. Rengi elle biraz açıp koyulaştırmak da mümkün hâle geliyor.

Renk neden bir sayı ile anlatılıyor?

Ekranınızdaki her nokta üç minik ışıktan oluşur: kırmızı, yeşil ve mavi. Bu üç ışığın şiddetini ayrı ayrı ayarlayarak milyonlarca renk elde edilir. "Lacivert" demek kişiden kişiye değişir, ama üç ışığın şiddetini sayıyla söylerseniz her ekran aynı rengi üretir.

Hex kodu bu üç sayıyı tek bir yazıya sıkıştırır. Baştaki diyez işareti "buradan sonrası bir renk kodudur" demektir, kendisi bir değer taşımaz. Ardından gelen altı hane ikişerli üç gruba ayrılır ve her grup bir ışığın şiddetini verir: sırayla kırmızı, yeşil, mavi.

Yani #2F6FED bir isim değil, bir tariftir: "kırmızıyı şu kadar, yeşili şu kadar, maviyi şu kadar yak." Bu yüzden aynı kod her ekranda, her programda aynı rengi tanımlar.

#2F6FED'i basamak basamak okumak

Kodu üç parçaya bölelim: 2F, 6F ve ED. Her parça 0 ile 255 arasında bir şiddet anlamına gelir; 0 o ışığın tamamen kapalı olduğunu, 255 sonuna kadar açık olduğunu söyler.

Bu üçlü RGB gösteriminde rgb(47, 111, 237) diye yazılır ve tam olarak aynı rengi anlatır. Kırmızı düşük, yeşil orta, mavi neredeyse sonuna kadar açık: sonuç canlı bir mavi olur. Kodu tek bakışta değerlendirmenin pratik yolu da budur — hangi çiftin daha büyük olduğuna bakarsınız.

Harfler neden var? On altılık sayma

Günlük hayatta on rakamla sayarız: 0'dan 9'a kadar gider, sonra basamak atlarız. Hex kodları on altı simgeyle sayar; 9'dan sonra basamak atlamaz, A ile devam eder. Yani A on demektir, B on bir, C on iki, D on üç, E on dört, F ise on beştir.

Bir çiftin ilk hanesi on altılık, ikincisi birlik değeri taşır. ED'yi çözelim: E on dört eder, on dörtle on altıyı çarparsak 224 çıkar; sonuna D'nin karşılığı olan 13'ü ekleyince 237 olur. Bu hesabı elle yapmak zorunda değilsiniz, Renk Kodu Dönüştürücü aracına yapıştırdığınızda üç kanalın karşılığı hazır çıkar.

İki hanenin alabileceği en küçük değer 00, en büyüğü FF'tir; ikisi arası 256 kademedir. Aşağıdaki tablo, tanıdığınız birkaç rengin kodunu bu mantıkla gösterir.

Üç haneli kısa yazım ve sekiz haneli saydamlık

Bazen üç haneli kodlar görürsünüz: #F00 gibi. Bu bir kısaltmadır; her hane kendi kendine ikilenir, yani #F00 aslında #FF0000'dır. Aynı kuralla #2F6 kodu #22FF66 anlamına gelir — dikkat edin, bu #2F6FED ile hiç ilgisi olmayan başka bir renktir.

Sekiz haneli kodlarda ise sona bir çift daha eklenir ve o çift rengin saydamlığını anlatır: 00 tamamen görünmez, FF tamamen katı demektir. Ortalardaki bir değer, altındaki zeminin bir miktar görünmesini sağlar.

Küçük harf ya da büyük harf yazılması bir şeyi değiştirmez; #2f6fed ile #2F6FED aynı renktir. Baştaki diyezi bazı programlar sizden istemez, bazıları da kendisi ekler.

Bir rengin kodunu nasıl bulurum?

En sık karşılaşılan durum, kodun elinizde olmamasıdır: beğendiğiniz renk bir fotoğrafta, bir logoda ya da bir ekran görüntüsündedir. Bunun yolu rengi gözle tahmin etmek değil, görselden okumaktır.

Renk ekranda duruyorsa önce bir ekran görüntüsü alın. Windows'ta Windows tuşu ile Shift ve S tuşlarına birlikte basıp istediğiniz alanı seçebilir, Mac'te Command, Shift ve 4 tuşlarını birlikte kullanabilirsiniz. Telefonda ise ekran görüntüsü zaten galerinize kaydedilir. Elinizde bir görsel olduğunda Görselden Renk Paleti Çıkarma aracına verin; baskın renkler kutular hâlinde ve hex kodlarıyla listelenir.

Küçük bir uyarı: fotoğraftaki bir yüzeyin rengi tek bir değer değildir, ışık ve gölgeyle değişir. Palet aracı size o alanı temsil eden ortalama bir değer verir. Belirli bir bölgeyi arıyorsanız görseli önce o bölgeye kırpın, çıkan sonuç çok daha isabetli olur.

Kodu buldunuz, sırada ne var?

Tek bir renk çoğu iş için yetmez. Bir düğmenin üzerine gelindiğinde koyulaşan hâli, bir kartın açık zemini, bir kenarlığın soluk tonu — hepsi aynı ailenin üyeleridir. Renk Tonları Üretici tek bir koddan açıktan koyuya doğru eşit aralıklı bir merdiven kurar, böylece tonları elle tahmin etmezsiniz.

İkinci adım okunabilirliktir ve gözle karar verilmez. Bir metin rengi ile zemin rengi arasındaki fark tek bir sayıyla ölçülür; erişilebilirlik kılavuzu WCAG, normal boy metin için en az 4,5:1, büyük başlıklar için en az 3:1 ister. Renk Kontrast Denetleyici, seçtiğiniz ikilinin bu eşikleri geçip geçmediğini söyler.

Üçüncüsü ise biçim çevirisidir. Bir yerde hex, başka bir yerde RGB, bir başkasında HSL istenir; Renk Kodu Dönüştürücü aynı rengin üç yazımını birden verir. HSL, aynı rengin daha açık veya daha koyu kardeşlerini elle türetmek istediğinizde işinizi kolaylaştırır.

Sık sorulanlar

Hex renk kodu nedir?

Ekranın üç ışığının — kırmızı, yeşil ve mavi — şiddetini on altılık sayma düzeninde yazan altı haneli gösterimdir. Diyezden sonraki ilk çift kırmızıya, ortadaki çift yeşile, son çift maviye aittir ve her çift 0 ile 255 arası bir değer taşır.

Bir görseldeki rengin kodunu nasıl bulurum?

Görseli Görselden Renk Paleti Çıkarma aracına verin; baskın renkler kutular hâlinde ve hex kodlarıyla listelenir. Renk ekranda duruyorsa önce bir ekran görüntüsü alın, sonra o görüntüyü kullanın. Belirli bir bölgeyi arıyorsanız görseli o bölgeye kırpmak sonucu isabetli kılar.

#2F6 ile #2F6FED aynı renk mi?

Hayır. Üç haneli yazımda her hane kendi kendine ikilenir, yani #2F6 aslında #22FF66 demektir. Kısaltma yalnızca çiftleri aynı olan kodlar için işe yarar: #F00 gerçekten #FF0000'dır.

Büyük harf mi küçük harf mi yazmalıyım?

Fark etmez, #2f6fed ile #2F6FED aynı rengi tanımlar. Tek bir belgede tutarlı olmak okumayı kolaylaştırır, o kadar.

Seçtiğim rengin metin için okunaklı olduğunu nasıl anlarım?

Metin ve zemin renginin kontrast oranını ölçün. Renk Kontrast Denetleyici bu oranı tek sayıyla verir ve WCAG'ın normal metin için istediği 4,5:1 eşiğini geçip geçmediğini söyler. Gözle verilen karar yanıltıcıdır; ekran parlaklığı yargınızı değiştirir.

Son güncelleme: 27 Ağustos 2026