Renkleri HEX`ten RGB`ye dönüştürmek, sayısal değerlerini onaltılıktan ondalık sayı sistemine dönüştürmek kadar basittir. Hex rengini dönüştürmek için #32A852
, kodu ikiye böldük 32 A8 52
ve çiftlerin her birini ondalık bir değere dönüştür:
32 = 50 A8 = 168 52 = 82
#32A852 = RGB(50, 168, 82)
Onaltılık
16 tabanlı bir sayı sistemini açıklar - 16 simgeden oluşan bir sayı sistemi. 0`dan 9`a kadar olan sayıları temsil etmek için 0`dan 9`a kadar sayıları ve 10`dan 15`e kadar olan sayıları temsil etmek için A`dan F`ye kadar olan harfleri kullanır.
Çoğunlukla bilgisayar bilimi ve matematikte, ikili kodu insan tarafından okunabilir bir biçimde temsil etmenin bir yolu olarak kullanılır.
Bilgisayarlardan veya bilim adamlarından farklı olarak, çoğumuz ondalık sayı sistemini kullanıyoruz. 0`dan 9`a kadar sayılardan oluşur ve sayıları kullanmanın standart yoludur. Anaokulunda öğrenmeye başlıyoruz ve her gün kullanıyoruz:
bir araba 10 mil hızla gidiyor bir kedi ağırlığı 4kg 30 günden oluşan bir ay
RGB
farklı renkler oluşturmak için karıştırılabilen Kırmızı, Yeşil ve Mavi ışık tonları anlamına gelir. TV ekranları, bilgisayar monitörleri ve akıllı telefon ekranları için görüntü üretmenin standart yöntemidir.
Daha kesin olmak gerekirse, RGB ek bir renk modelidir, yani farklı bir renk oluşturmak için tonları birlikte eklemeniz gerekir.
Renkleri üst üste yığdığınızı düşünün:
Not: farklı cihazlar farklı RGB değerleri üretir. Her cihaz farklı renk karıştırma teorisi kullanır, yani RGB renkleri tüm cihazlarda aynı değildir ve aynı görünmeleri için renk yönetimine ihtiyaç duyarlar.
RGB renk modelindeki bir rengi tanımlamak için, ne kadar kırmızı, yeşil ve maviye ihtiyaç olduğunu söylemeniz gerekir.
RGB üçlüsü kullanarak ne kadar kırmızı, yeşil ve maviye ihtiyaç olduğunu belirtirsiniz (R, G, B)
burada elemanların her biri sıfırdan tanımlanmış bir maksimum değere değişebilir.
Tüm elemanlar sıfırda ise (0, 0, 0)
- sonuç siyah renktir.
Tüm öğeler maksimumda ise (255, 255, 255)
- sonuç beyaz renktir.
Bu sayıların kombinasyonları farklı renkleri oluşturur (255, 255, 0)
- sonuç sarı renktir
Bu olarak bilinir renk derinliği ve bit cinsinden ölçülür.
2018 itibariyle hemen hemen her TV, bilgisayar ve akıllı telefon ekranı 24 bit renk derinliğini kullanır. doğru renk. Üç rengin her biri için sekiz biti veya toplam 24 biti destekler.
Bu sağlar 28 veya 256 kırmızı, yeşil ve mavi için olası değerler:
256 x 256 x 256 = 16,777,216 gerçek renk paletindeki olası toplam renkler
Artık onaltılık ve ondalık arasındaki farkı bildiğimize göre, birinden diğerine nasıl dönüştürebileceğimizi inceleyelim.
Zaten bildiğimiz gibi, onaltılık sayı sisteminde, 0`dan 9`a kadar sayılar 0`dan 9`a ve A`dan F`ye kadar olan harfler ondalık sistemde 10`dan 15`e kadar temsil eder.
İşte onaltılıktan ondalık sayılara dönüşümü açıklamada iyi olan derinlemesine bir tablo.:
HEX`i RGB`ye dönüştürmek için, onaltılık değeri ikiye bölmeniz ve ondalık sayıya dönüştürmeniz gerekir.
Misal #1: kırmızı rengi dönüştür #FF0000
-e RGB:
FF = 255 00 = 0 00 = 0 RGB = (255, 0, 0)
Misal #2: yeşil rengi dönüştür #00FF00
-e RGB:
00 = 0 FF = 255 00 = 0 RGB = (0, 255, 0)
Misal #3: mavi rengi dönüştür #0000FF
-e RGB:
00 = 0 00 = 0 FF = 255 RGB = (0, 0, 255)
Misal #4: siyah rengi dönüştür #000000
-e RGB:
00 = 0 00 = 0 00 = 0 RGB = (0, 0, 0)
Misal #5: rengi beyaza dönüştür #FFFFFF
-e RGB:
FF = 255 FF = 255 FF = 255 RGB = (255, 255, 255)
Bonus misal #6: altın rengini dönüştür #FFD700
-e RGB:
FF = 255 D7 = 215 00 = 0 RGB = (255, 215, 0)
RGB`yi HEX`e dönüştürmek için kırmızı yeşil ve mavi renk değerlerini ondalıktan onaltılıya çevirmeniz gerekir.
Misal #1: kırmızı rengi dönüştür (255, 0, 0)
-e HEX:
R = 255 = FF G = 0 = 00 B = 0 = 00 HEX = #FF0000
Misal #2: yeşil rengi dönüştür (0, 255, 0)
-e HEX:
R = 0 = 00 G = 255 = FF B = 0 = 00 HEX = #00FF00
Misal #3: mavi rengi dönüştür (0, 0, 255)
-e HEX:
R = 0 = 00 G = 0 = 00 B = 255 = FF HEX = #0000FF
Misal #4: siyah rengi dönüştür (0, 0, 0)
-e HEX:
R = 0 = 00 G = 0 = 00 B = 0 = 00 HEX = #000000
Misal #5: rengi beyaza dönüştür (255, 255, 255)
-e HEX:
R = 255 = FF G = 255 = FF B = 255 = FF HEX = #FFFFFF
Bonus misal #6: altın rengini dönüştür (255, 215, 0)
-e HEX:
R = 255 = FF G = 215 = D7 B = 0 = 00 HEX = #FFD700
Yukarıdaki örneklerden de görebileceğimiz gibi, Hex ve RGB arasındaki temel fark, farklı sayı sistemleri kullanmasıdır. HEX onaltılık, RGB ise ondalık kullanır.
Renkleri HEX`ten RGB`ye dönüştürmek, sayısal değerlerini onaltılıktan ondalık sayı sistemine dönüştürmek kadar basittir.
Deneyimlerimizden ve ekibimizin yıllar içinde gözlemlediklerinden, özellikle web geliştirme ve web tasarım endüstrilerinde onaltılık RGB`den daha sık kullanılmaktadır.
Ancak, ikisi de aynı rengi temsil ettiğinden hangisini kullandığınız fark etmez. Tek öneri - tutarlı kalın.
Web projemiz boyunca RGB kullanmaya başlarsanız, buna bağlı kalın. Web projemiz boyunca HEX kullanmaya başlarsanız, yalnızca HEX kullanmaya çalışın