HEX'ten RGB'ye Renk Dönüştürücü

HEX ve RGB: aynı rengi yazmak için iki farklı yol

Ekranda gördüğünüz her renk üç ışıktan oluşur: kırmızı, yeşil ve mavi. Üçünü de tam açarsanız beyaz, hepsini kapatırsanız siyah elde edersiniz. HEX ve RGB, bu üç kanalın her birinin ne kadar parlak olması gerektiğini tanımlamak için kullanılan iki farklı notasyondur. Her ikisi de tam olarak aynı renge işaret eder; dolayısıyla iyi bir dönüştürücü, gerçek tonu hiç değiştirmeden yalnızca iki yazım sistemi arasında çeviri yapar. Bu araç da tam bunu yapar: tamamen tarayıcınızda, sonucu kendi gözlerinizle doğrulayabileceğiniz canlı bir renk örneği göstererek.

Hex kodu nasıl okunur?

Hex renk kodu #1E90FF gibi görünür. Kare işareti yalnızca başlangıcı işaretler; ardından gelen altı karakter #RRGGBB düzeninde üç çifttir. İlk çift kırmızı, ikincisi yeşil, üçüncüsü mavidir. Her çift, onaltılık tabanda (taban 16) yazılmış bir sayıdır; burada basamaklar 0-9 arasında uzanır ve ardından A, B, C, D, E, F harfleri 10'dan 15'e kadar olan değerleri temsil eder. Bir çift, 00'dan (kanal tamamen kapalı) FF'ye (tamamen açık) kadar değer alabilir. Onluk tabanda bu aralık tam olarak 0'dan 255'e kadardır; RGB'nin kullandığı ölçekle aynıdır. Kanal başına 256 olası değerle altı basamaklı form 16.777.216 farklı rengi tanımlayabilir.

Her iki yönde dönüştürme, çalışılmış bir örnekle

HEX'ten RGB'ye geçmek için kodu üç çiftine bölün ve her birini taban 16'dan sıradan onluğa çevirin. #1E90FF'yi ele alalım. Kırmızı çift 1E'dir: 1 çarpı 16 artı 14 (E) eşittir 30. Yeşil çift 90, 9 çarpı 16 artı 0 eşittir 144. Mavi çift FF, 15 çarpı 16 artı 15 eşittir 255. Yani #1E90FF, tanıdık dodger blue olan rgb(30, 144, 255)'e dönüşür.

Ters yön aynı işlemin tersidir. Her RGB sayısını iki hex basamağıyla yazın. Saf kırmızı olan rgb(255, 0, 0), FF, 00 ve 00'ı vererek #FF0000'ye birleşir. Hatırlamaya değer bir nokta: 16'nın altındaki değerler için yine de iki basamak gerekir; 5, yalnızca 5 değil 05 olarak yazılır. Dönüştürücü bu dolguyu sizin yerinize halleder; ancak elle yapıldığında insanları tuzağa düşürür.

Her format nerede kullanılır?

HEX, webin günlük dilidir. CSS, HTML ve yazdığınız kodların çoğu hex kodlarını tercih eder çünkü kısadır ve kopyalaması kolaydır. RGB ise tasarım ve görüntü araçlarında — Figma, Photoshop, Sketch ve Illustrator genellikle 0-255 aralığında kaydırıcılar veya alanlar gösterir — ekran kayıt veya video uygulamaları da çoğunlukla RGB bekler. Bu nedenle bir stil sayfasından hex kodunu alıp bir tasarım paneline yazmak için RGB biçimine sık sık ihtiyaç duyulur ya da tam tersi. Bu gidiş-geliş, bir dönüştürücünün işe yaramasının tam nedenidir. Tek bir rengi çevirmek yerine eşleşen bir dizi ton oluşturmanız gerekiyorsa renk paleti oluşturucumuz daha iyi bir başlangıç noktasıdır; buna benzer daha fazla araç için geliştirici araçlarına göz atabilirsiniz.

Alfa, opaklık ve HSL

Her iki notasyonun da şeffaflık ekleyen genişletilmiş bir formu vardır. RGB, dördüncü değerin alfa olduğu rgba(30, 144, 255, 0.5)'e dönüşür — 0 tamamen şeffaf, 1 tamamen katı anlamına gelir. HEX, aynı amaçla dördüncü bir çift ekleyerek sekiz basamaklı #RRGGBBAA kodunu verir; 80 ise yaklaşık %50 opaklık demektir. Bazı dönüştürücüler ayrıca HSL (ton, doygunluk, parlaklık) sunar; bu, rengi bir insanın tanımlayabileceği şekilde — çarkta bir ton seçin, ardından canlılığını ve parlaklığını ayarlayın — tanımlar. HSL farklı bir palet değil farklı bir zihinsel modeldir; bu nedenle üç ayrı sayıyla uğraşmadan bir rengi biraz daha açık veya mat yapmak istediğinizde daha sezgisel olabilir.

Sıkça sorulan sorular