Hex Kodu Nedir? Bilmen gereken her şey

HTML'de renklerle çalışmak nispeten basittir. Birkaç basit CSS bildirimi ile web sayfanızdaki herhangi bir metnin veya arka planın rengini değiştirebilirsiniz. Ama bir rengi nasıl belirlersiniz? Bu sorunun cevabı bizi bir tavşan deliğine götürecek ve bu da bizi sonunda onaltılık renk kodları kavramına götürecektir.

Daha önce HTML veya CSS ile çalıştıysanız, muhtemelen hex kodu terimini duymuşsunuzdur. Ama tam olarak bir hex kodu nedir? Hex kodlarının bazı örnekleri nelerdir? Hex kodu ile RGB renk kodu arasındaki fark nedir?

Hex Kodu Nedir?

Renkle ilk çalışmaya başladığınızda, sayfanızdaki öğelere uygulanacak renkleri seçmek için bir grafik arabirim kullanabilirsiniz. Yalnızca grafik düzenleyiciniz yerine temel koda bakmaya başladığınızda, renklerin tuhaf görünümlü karakter dizileri olarak göründüğünü görürsünüz. Bu tür diziler hex kodları olarak bilinir; şöyle bir şeye benziyorlar:

#FF0092

İlişkili: Bilmeniz Gereken Temel Grafik Tasarım Terimleri

Renkleri CSS'de birkaç farklı şekilde belirtebilirsiniz. gibi bazı önceden tanımlanmış renklerin adlarını kullanabilirsiniz.

kırmızı ve koyu eflatun. Yine de tam renk tonlarını belirlemek için daha kesin bir ölçüm kullanmanız gerekir: sayısal bir şey.

CSS iki ana seçenek sunar: RGB ve hex. Her iki biçimde de, son rengi oluşturan kırmızı, yeşil ve mavi miktarlarını belirtirsiniz. RGB, 0 ile 255 arasında üç sayı kullanır. Hex tam olarak aynısını yapar, yalnızca alıştığınız ondalık sayıdan (10) farklı bir taban (16) ile.

Hex, toplam 16 sembol için 0-9 rakamlarına ek olarak A-F harflerini kullanır. Onaltılı olarak A, ondalık olarak 10'a eşdeğerdir. F onaltılı olarak 15'tir.

Hex Renk Kodları Nasıl Çalışır?

En temel biçiminde, bir onaltılı kod, bir renkte ne kadar kırmızı, yeşil ve mavi bulunduğunun bir temsilidir. Bir hex kodu altı karakterden oluşur. İlk ikisi karışımda ne kadar kırmızı olduğuyla, sonraki ikisi yeşilin miktarıyla ve son iki basamak mavi miktarını yansıtır. Onaltılı kodlar belirli renklere atıfta bulunur ve tasarımcıların ve geliştiricilerin renk şemaları hakkında kolayca iletişim kurmasını sağlar.

Her bir renk bileşeni için 16 × 16 (256) değer ile 256 × 256 × 256 olası kombinasyon vardır. Onaltılı olarak, #000000 (saf siyah) ile #FFFFFF (saf beyaz) arasında değişir.

Hex Renk Kodları Nasıl Okunur

Hex renk kodlarını anlamlandırmak kolaydır. #FF5733 örneğini ele alalım. İlk olarak, altı karakteri, her biri iki karakter içeren üç parçaya bölün. Bildiğiniz gibi ilk iki kısım kırmızıyı, ikinci iki kısım yeşili, üçüncü iki kısım ise maviyi temsil ediyor. Yani, örneğimizde:

• Kırmızı bileşen, RR, FF değerine sahiptir.
• Yeşil bileşen, GG, 57'dir.
• Mavi bileşen, BB, 33'tür.

Şimdi, bu renk segmentlerinin yoğunluğunu bulmak için şu üç adımı kullanarak onaltılık sayıyı hesaplamanız gerekir:

1. RR'nin ilk onaltılık karakterini 16 ile çarpın. Karakter bir harfse, onu karşılık gelen değerine dönüştürün. Bu durumda, ilk karakter 15 olan F'dir. Örneğimiz için, 15 × 16'yı 240 ile çarpıyorsunuz.
2. Ardından, RR'nin ikinci karakterini ekleyin. Yine, ihtiyaç duyulursa, bir harfi karşılık gelen değerine dönüştürün. Örneğimizde, ikinci karakter 15'e eşit olan F'dir.
3. Tamamlandığında, tek bir değer elde etmek için toplamları ekleyin. Örneğimizden 240 ve 15 eklerseniz FF'nin 255 değerini görürsünüz.

Aynı formülü, 57 ile gösterilen GG ve 33 ile gösterilen BB olmak üzere kalan iki segment için tekrarlayın. Manuel hesaplamalar çok bunaltıcı görünüyorsa, her zaman altıgenden RGB'ye dönüştürme aracı kullanabilirsiniz (örneğin İkiliHex Dönüştürücü) bir renk okumak için. hex değerini bulmalısın #FF5733 eşdeğerdir rgb (255, 87, 51).

Hex Renk Kodu Neden Bu Kadar Popüler?

Birkaç farklı renk modeli (RGB, CMYK, HSL) olsa da, hex renk kodları belki de en yaygın kullanılan temsilidir. Bunun nedeni, basit ve anlaşılması kolay olmalarıdır.

Sabit genişlikli bir format da çok kullanışlıdır. Tam uzunluktaki onaltılık renkler, baştaki renkler dahil olmak üzere her zaman yedi karakterdir. # sembol.

Onaltılı renkler, 16 milyondan fazla rengi temsil etmek için yalnızca bu yedi karakter kullanılarak çok verimlidir. Ve bu renkler arasında ayrım yapmak basit bir işlemdir.

altıgen vs. RGB: Herhangi Bir Fark Var mı?

RGB renk kodlama sistemi, kırmızı, yeşil ve mavinin göreli yoğunluğunu belirtmek için üç ondalık sayı kullanır. 0-9 rakamlarını kullanır.

Hex ayrıca kırmızı, yeşil ve maviyi temsil etmek için üç sayı kullanır, ancak 16 tabanını karşılamak için ekstra rakamlar (A-F) kullanır. Ortaya çıkan renklerde hiçbir fark yoktur, bunlar sadece aynı bilgiyi iletmek için farklı biçimlerdir.

İlişkili: CSS Temelleri: Renklerle Çalışmak

Hex Kodu Ne İçin Kullanılır?

Televizyon ekranlarından mobil cihazlara, oyunlara ve işaretlere kadar çeşitli farklı uygulamalar RGB kullanır. Web tasarımında ve diğer grafik programlarında çoğunlukla hex renk kodlarını göreceksiniz.

Renkleri tanımlamanın evrensel bir yolu olarak onaltılı kodları da görebilirsiniz. Pek çok web sitesi, kısa oldukları ve genellikle bağlam açısından net oldukları için belirli bir rengi tanımlamak için bunları kullanır.

Hex Renk Kodu Roket Bilimi Değildir

Böylece, onaltılı renk kodlarının temellerine sahipsiniz. Tam olarak zor bilim değiller, ancak tasarımda (ve teknoloji dünyasında) kesin bir amaca hizmet ediyorlar. Altıgen renklerin nasıl çalıştığını anlamanıza yardımcı olacak veya size RGB karışım teorisini öğretecek bir araç arıyorsanız, internette bolca var. Unutmayın, yeni bir şey öğrenmenin anahtarı, her seferinde bir adım atmaktır.

Hex renk kodları dünyadaki en heyecan verici şey değildir, ancak web tasarımında çalışıyorsanız bunları anlamak çok önemlidir. Hex renk kodlarıyla çalışabilmeniz tasarımınızı çok daha kolay hale getirecektir.

Ekranınızdaki Herhangi Bir Rengin Onaltılık Değerini Nasıl Bulunur?

Saniyeler içinde ekranınızdan herhangi bir renk değerini nasıl seçeceğinizi öğrenin. Özellikle web tasarımcıları için kullanışlıdır!

Sonrakini Oku

Yazar hakkında