Renkleri RGB`den HEX`e dönüştürmek, sayısal değerlerini ondalıktan onaltılık sayı sistemine dönüştürmek kadar basittir. RGB rengini (50, 168, 82) dönüştürmek için sayının her birini onaltılık değere dönüştürüyoruz:
50 = 32 168 = A8 82 = 52
RGB(50, 168, 82) = #32A852
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
Onaltılık
16 sembolden oluşan 16 tabanlı bir sayı sistemini açıklar. 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
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.:
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
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)
Yukarıdaki örneklerden de görebileceğimiz gibi, RGB ve HEX arasındaki temel fark, farklı sayı sistemleri kullanmasıdır. RGB ondalık kullanır ve HEX onaltılık kullanır.
Renkleri RGB`den HEX`e dönüştürmek, sayısal değerlerini ondalıktan onaltılı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