RGB`den HEX`e dönüştürücü

Başka renk dönüştürücüler mi arıyorsunuz?

RGB`yi HEX`e dönüştürme

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 nedir

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 2⁸ 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 nedir

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.:

Kaynak

RGB`yi HEX`e dönüştürme

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 RGB`ye nasıl dönüştürülür

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 ve Hex Arasındaki Fark

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.

RGB vs HEX - hangisi daha iyi

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