HTML Renk Kodu Hesaplama

Bir bilgisayar ekranındaki her piksel, aslında üç küçük ışık kaynağının (kırmızı, yeşil, mavi) birleşiminden oluşur — bu üç rengin (RGB: Red, Green, Blue) farklı yoğunluklarda karıştırılmasıyla, insan gözünün algılayabileceği milyonlarca farklı renk üretilebilir.

Her bir renk bileşeni (kırmızı, yeşil, mavi), 0 ile 255 arasında bir yoğunluk değeri alır — 0, o rengin hiç olmadığı anlamına gelirken, 255, o rengin maksimum yoğunlukta olduğu anlamına gelir. Bu, toplamda 256 × 256 × 256 = 16.777.216 farklı renk kombinasyonu üretilebileceği anlamına gelir.

HEX (onaltılık) renk kodu, aynı RGB bilgisini, web geliştirmede daha kompakt ve yaygın kullanılan bir formatta ifade eder — her renk bileşeni (0-255 arası), 2 haneli bir onaltılık sayıya (00'dan FF'ye) dönüştürülür, ve bu üç 2'li grup art arda yazılarak (örneğin #FF5733), tek bir 6 haneli kod oluşturulur.

Onaltılık sayı sistemi, 0'dan 9'a kadar rakamların yanı sıra A'dan F'ye kadar harfleri de kullanır (her basamak 16 farklı değer alabilir) — bu, 0-255 aralığındaki bir değeri, sadece 2 karakterle (16×16=256 olasılık) ifade etmeyi mümkün kılar, bu da RGB'nin "rgb(255, 87, 51)" gibi uzun yazımına göre çok daha kısa ve pratiktir.

Bazı web sitelerinde, #FFF ya da #F53 gibi 3 haneli kısaltılmış HEX kodlarıyla karşılaşabilirsiniz — bu, her hanenin otomatik olarak tekrarlanmasıyla (örneğin #F53, #FF5533'e eşdeğerdir) genişletilen bir kısayoldur, ama sadece her renk bileşeninin iki basamağı da aynı olduğunda (örneğin FF, 55, 33 gibi) kullanılabilir.

Bu kısayol, tüm renkleri ifade edemez (sadece 16×16×16=4096 rengi kapsar, tam 16 milyonluk yelpazenin çok küçük bir alt kümesi), ama basit, "temiz" renkler için kod yazarken pratiklik sağlar — bu hesaplama aracımız, hem 3 hem 6 haneli HEX kodlarını tanıyıp doğru şekilde işleyebilir.