HEX'i RGB'ye Nasıl Çevirirsiniz (ve Tasarımcılar Neden İkisi Arasında Geçiş Yapar)

Web’de renkle çalışıyorsanız, aynı değeri iki farklı şekilde yazılmış halde görmüşsünüzdür. Bir tasarımcı size #3498DB verir, ama kodunuz rgb(52, 152, 219) ister. İkisi de tıpatıp aynı maviyi tarif eder, sadece farklı bir gösterimle. HEX ile RGB arasında nasıl geçiş yapılacağını ve neden yapacağınızı bilmek, bir sürü tahmin yürütmekten kurtarır. Bu rehber her iki formatı sade bir dille açıklar ve ücretsiz Renk Dönüştürücü ile bunları anında nasıl çevireceğinizi gösterir.

HEX renk kodu ne anlama gelir

HEX renk, CSS ve tasarım araçlarında her yerde gördüğünüz #RRGGBB dizisidir. Diyez işareti sadece bir işarettir ve onu izleyen altı karakter üç çifttir: kırmızı, yeşil ve mavi. Her çift, 00 ile FF arasında bir on altılık (16’lık taban) sayıdır; bu da günlük ondalık sistemde 0 ile 255 arasıdır.

#3498DB’yi ele alalım. Onu 34, 98 ve DB olarak ayırın. Bunlar kırmızı, yeşil ve mavi miktarlarıdır. On altılık tabanda 34 52, 98 152 ve DB 219’dur. Yani renk, az kırmızıyla birlikte epey yeşil ve bol mavi içerir; bu da sizi temiz bir gök mavisine götürür. HEX’i iki karakterli üç sayı olarak görmeye başladığınızda, artık rastgele bir kod gibi görünmez.

RGB ne anlama gelir

RGB tam olarak aynı fikri tarif eder, sadece sade ondalık biçimde. #3498DB yerine rgb(52, 152, 219) yazarsınız. Her biri 0 ile 255 arasında üç sayı: kırmızı, yeşil ve mavi için. Sıfır o kanaldan hiç olmadığı, 255 ise tam güçte olduğu anlamına gelir. Üçü de 0 ise siyah, üçü de 255 ise beyaz olur; geri kalan her şey bir karışımdır.

RGB sayıları açıkça yazdığı için birçok kişi onu kafada canlandırmayı daha kolay bulur. Biraz daha kırmızı mı istiyorsunuz? İlk sayıyı yukarı çekin. HEX bu aritmetiği 16’lık taban çiftlerinin ardına saklar; bu derli toplu olsa da elle ayarlamak için daha az sezgiseldir.

Tasarımcılar ve geliştiriciler neden ikisi arasında geçiş yapar

İki format birbirinin yerine geçebilir, peki neden çevirme zahmetine girilir? Sürekli karşımıza çıkan birkaç pratik neden var:

• Farklı araçlar farklı formatlar konuşur. Bir marka kılavuzu HEX listeleyebilirken, bir grafik programı ya da bir kod parçası RGB bekleyebilir.
• Saydamlık RGB ister. Düz bir HEX kodu saydamlık taşıyamaz, ama rgba(52, 152, 219, 0.5) alfa için dördüncü bir değer ekler. Yarı saydam bir katmana ihtiyacınız olduğunda RGB ailesine başvurursunuz.
• Okunabilirlik ve ince ayar. RGB’yi kanal kanal ayarlamak daha kolaydır; HEX ise yapıştırıp paylaşmak için daha kısadır.
• Mevcut bir paletle eşleşme. Çoğu zaman bir rengi bir gösterimde alırsınız ve projenin geri kalanıyla tutarlı kalmak için onu diğerinde elde etmeniz gerekir.

Kısacası ikisini de elinizin altında tutar, bir sonraki aracın ya da kod satırının ne istediğine göre anlık olarak çevirirsiniz.

HEX’i RGB’ye anında nasıl çevirirsiniz

Onaltılık hesabı elle yapmak zorunda asla değilsiniz. Ücretsiz Renk Dönüştürücü bunu tarayıcınızda halleder, dolayısıyla yapıştırdığınız değerler kendi cihazınızda kalır ve hiçbir yere yüklenmez.

1. Aracı açın ve HEX kodunuzu yapıştırın, örneğin #3498DB.
2. Karşılık gelen RGB değerlerini anında okuyun.
3. Hangi gösterimi istiyorsanız kopyalayın ve saydamlık istediğinizde alfa destekli rgba biçimini kullanın.

Diğer yönde de çalışır, böylece RGB yapıştırıp HEX karşılığını da aynı hızla alabilirsiniz. Sadece tek yönlü dönüşüme ihtiyacınız varsa, odaklı HEX’ten RGB’ye aracı tam olarak bunu yapar, başka bir şey değil.

Çevrilecek renkleri bulma ve oluşturma

Bazen asıl zor kısım rengin ne olacağına en baştan karar vermektir. Bir ekran görüntüsünde ya da fotoğrafta bir ton fark ettiyseniz ve onun tam kodunu istiyorsanız, Görüntü Renk Seçici değeri doğrudan pikselden okur. Sıfırdan başlıyorsanız ve taze seçenekler istiyorsanız, HEX Renk Oluşturucu denemeniz için kodlar verir. Beğendiğiniz bir renge sahip olduğunuzda, onu Renk Dönüştürücü üzerinden geçirerek projenizin ihtiyaç duyduğu her gösterimde elde edin.

Kısacası

HEX ve RGB aynı rengi yazmanın iki yoludur: HEX kırmızı, yeşil ve maviyi #RRGGBB 16’lık taban dizisine paketler, RGB ise bunları 0 ile 255 arasında üç ondalık sayı olarak listeler. İkisi arasında geçiş yaparsınız çünkü farklı araçlar ve rgba ile saydamlık, farklı formatlar gerektirir. Birini diğerine çevirmeniz gerektiğinde, ücretsiz Renk Dönüştürücü bunu tarayıcınızda tek adımda yapar.