RGB birimini HEX birimine çevirin Red Green Blue ↔ Hexadecimal Ücretsiz Çevrimiçi Güvenli
RGB cinsinden bir değer yazın, karşılığını hemen HEX cinsinden okuyun. Hesap tarayıcınızda yapılır, hiçbir yere bir şey gönderilmez ve sonucun neye bağlı olduğu varsayılmak yerine aşağıda yazılıdır.
Hiçbir şey yüklenmez
Bu yazımlar nereden geliyor
Onaltılık ile RGB, iki kez yazılmış aynı şeydir. Ekran rengi üç sayıdır — ne kadar kırmızı, yeşil ve mavi ışık yayılacağı — her biri 0'dan 255'e, yani bir bayt; onaltılık yazım bu baytları yalnızca on altı tabanında yazar, böylece #FF8800 ile rgb(255, 136, 0) aynı piksele verilen aynı buyruktur. HSL, ikisi de insan gözüyle okunamadığı için icat edildi: renk tonunu renk çarkı üzerinde bir açı olarak, doygunluk ile açıklığı yüzde olarak verir; böylece bir tasarımcı üç sayıyı yeniden hesaplamadan bir şeyi açabilir. CMYK bambaşka bir dünyaya aittir — mürekkebe, ışığa değil. Çıkarmalıdır, dört baskı kalıbından kurulur ve bir ekranın verebildiği her renge erişemez; çünkü ekran ışık yayar, kâğıt ise yalnızca yansıtır.
Onlarla nerede karşılaşırsınız
Onaltılık, bir stil sayfasına yazdığınız ve bir tasarım aracının size uzattığı şeydir. RGB, bir rengin hesap istediği her yerde görünür: geçişler, saydamlık, bir tonu hesaplayan kod. HSL'ye, bir paleti elle ayarlarken başvurulur; çünkü istediğiniz değişiklikler çoğunlukla onun üç sayısından birinin değişmesidir. CMYK ise matbaanın istediğidir ve ona çevirmek, bir tasarımın ışık olmaktan çıkıp mürekkep olduğu andır.
Sık sorulan sorular
CMYK sonucum neden matbaanınkinden farklı çıkıyor?
Çünkü tek bir doğru çevrim yoktur. Bu sayfadaki hesap, aygıttan bağımsız olan yalın hesaptır; bir başlangıç noktası ya da kabaca bir karşılık gerektiğinde doğru yanıt odur. Matbaa ise belirli mürekkebi, kâğıdı ve makineyi hesaba katan bir renk profili üzerinden çevirir; aynı RGB rengi parlak kuşe kâğıtta, kuşesiz kâğıttakinden başka CMYK değerleri verir. Tam tutması gereken her şey için bir formüle güvenmek yerine matbaadan profilini isteyin.
Bazı ekran renkleri neden basılamıyor?
Çünkü ikisi aynı renklere erişemez. Ekran rengi ışık ekleyerek yapar ve mürekkebin hiçbir biçimde yetişemediği canlı, doygun bir camgöbeği ya da yeşil üretebilir; kâğıt rengi ışığı yutarak yapar ve ulaşabileceği en parlak şey sayfanın beyazıdır. Her birinin erişebildiği renkler kümesine gam denir; örtüşmedikleri yerde bir çevrim, elde bulunan en yakın rengi seçmek zorundadır. Ekranda parlak duran bir rengin baskıda çoğu kez biraz solgun görünmesinin sebebi budur.
Sonuç kesin mi?
İki birim birbirinden tam sayılarla tanımlanıyorsa evet — sayfa bunu rakamın üstünde söyler ve tek yuvarlama kaç basamak gösterildiğindedir. Oranın sonlu bir ondalığı yoksa sayfa on iki anlamlı basamak gösterir ve ilişkinin yaklaşık olduğunu söyler, başka türlüymüş gibi yapmaz.
Yazdıklarım cihazımdan çıkıyor mu?
Hayır. Hesap tarayıcınızda yapılır; hiçbir şey yüklenmez, zaten yükleyecek bir sunucu da yok. Sayfa bir kez açıldıktan sonra ağ kapalıyken de çalışır.
RGB'yi neden HEX'e dönüştürürsünüz
Bir görüntü düzenleyici, işletim sistemindeki bir renk seçici ya da bir kod satırı size bir rengi üç sayı olarak verir: 90, 70, 50. Bir stil sayfası, bir tasarım belirteci dosyası ya da bir meslektaşa mesaj ise onu tek bir kısa kod olarak ister: #5A4632. Aradaki adım bu sayfanın yaptığı şeydir. RGB'yi HEX'e dönüştürmek, aynı üç sayıyı on altılık tabanda, her biri iki basamaklı olarak yazmak ve önüne bir diyez işareti koymaktır. Tek bir renk için kolaydır, yirmi renk için sıkıcıdır ve bir sayının başında sıfıra ihtiyaç duyduğu ya da bir basamağın harf olduğu durumlarda yanlış yapmak kolaydır.
Dönüşüm tamdır; bu, her renk dönüşümü için doğru değildir. Hex ve rgb(), bir ekranın yayması gereken kırmızı, yeşil ve mavi ışık miktarlarının, her biri 0 ila 255 arasında, aynı üç sayısının iki yazılışıdır. Hiçbir şey yaklaştırılmaz ve bir gidiş-dönüş başladığı şeyi geri verir. Sayfa bunu tarayıcınızda yapar ve hiçbir şey yüklenmez. Aşağıda her sayının nasıl iki hex basamağı olduğunu, saydamlığın nasıl aktarıldığını, sRGB'nin sınırlarını, insanların RGB'yi HEX'e dönüştürmeye ihtiyaç duyduğu yerleri ve bir projede renkleri tutarlı tutan birkaç alışkanlığı bulacaksınız.
Dönüşüm nasıl çalışır
Her sayı iki hex basamağı olur
rgb(90, 70, 50)'yi alın. Her sayıyı on altıya bölün: 90, 5 çarpı 16 artı 10'dur ve 10, A basamağıdır; yani 90, 5A olur. 70, 4 çarpı 16 artı 6'dır; yani 46. 50, 3 çarpı 16 artı 2'dir; yani 32. Üç çifti birleştirin ve diyez işaretini ekleyin: #5A4632. Sayfa bunu siz yazdıkça sizin için yapar ve doğrulayabilmeniz için rgb(90, 70, 50) = #5A4632 cümlesini gösterir.
Baştaki sıfırlar
Her çiftin iki basamağı olmalıdır. 16'nın altındaki bir sayının önüne bir sıfır gerekir: 7, 07 olur ve 0, 00 olur. Yani rgb(0, 7, 255), #0007FF'tir; oldukça farklı bir anlama gelecek olan #07FF değil. Sıfırı unutmak, dönüşümü elle yaparken en yaygın hatadır.
Aralık
Her sayı 0 ile 255 arasında olmalıdır. 255'in üstündeki bir değer iki hex basamağıyla yazılamaz ve negatif bir değerin anlamı yoktur. Kodunuzdaki bir hesap 270 ya da −5 üretmişse önce onu aralıkla sınırlayın. Dönüştürücü de aynısını yapar; böylece asla geçersiz bir kod üretmez.
Dönüşümün koruduğu ve koruyamadığı şeyler
Rengi tam olarak korur
Hex ve rgb(), kırmızı, yeşil ve mavi için 0 ila 255 arasındaki aynı üç sayının iki yazılışıdır; bu yüzden hiçbir şey yaklaştırılmaz ve bir gidiş-dönüş başladığı şeyi geri verir. RGB'yi HEX'e ve geri dönüştürün; başladığınız sayılara sahip olursunuz.
Saydamlığı da aktarır
Saydamlık için dördüncü bir değer de aktarılır: #RRGGBBAA, rgba()'ya ve geri dönüşür. 0,5'lik bir saydamlık 80 çiftine dönüşür, çünkü 255'in yarısı yaklaşık 128'dir ve bu hex'te 80'dir. Yani rgba(90, 70, 50, 0.5), #5A463280'dir. Sekiz basamaklı hex bütün güncel tarayıcılarda kabul edilir.
sRGB dışındaki renkleri tarif edemez
Her iki yazılış da bir ekranın otuz yıldır kullandığı renk uzayı olan sRGB'yi tarif eder. Dışındaki bir rengi tarif edemezler; daha yeni CSS gösterimleri olan lab(), oklch() ve color() tam bunun için vardır. Geniş gamlı bir araçtaki bir renkten başlıyorsanız kopyaladığınız üç sayı zaten sRGB sürümüdür ve hex onlara sadıktır.
Kısaltmayı korumaz
Bir kodun üç basamakla yazılabildiği yerlerde, örneğin #AABBCC'nin #ABC olarak yazılması gibi, dönüştürücü uzun biçimi verir. Uzun biçim her zaman geçerlidir ve aynı renktir; kısa biçim yalnızca okuyucu için bir kolaylıktır.
Yaygın renkler ve kodları
Hatırlanacak birkaçı
rgb(255, 255, 255), #FFFFFF'tir, beyaz: üç ışığın da tam güçte olması. rgb(0, 0, 0), #000000'dır, siyah: hiç ışık yok. rgb(255, 0, 0), #FF0000'dır, saf kırmızı; rgb(0, 255, 0), #00FF00'dır ve rgb(0, 0, 255), #0000FF'tir. Üç eşit sayısı olan her renk bir griye aittir ve kodunun üç eşit çifti vardır: rgb(128, 128, 128), #808080'dir.
Web'e güvenli alışkanlık
Eski rehberler, çiftleri yalnızca 00, 33, 66, 99, CC ya da FF olan web'e güvenli renklerden söz ederdi. Bunlar 256 renkli ekranların günlerine aittir ve hayatta kalmaları için bir neden yoktur. İstediğiniz her değeri kullanın; ekran hepsini gösterebilir.
RGB'yi buradan HEX'e nasıl dönüştürürsünüz
Üç sayıyı yazın
Rengi ilk alana rgb(90, 70, 50) biçiminde ya da sayılar virgül veya boşlukla ayrılmış olarak girin. Yüzdelere gerek yoktur; 0 ila 255 arasındaki sayıları kullanın.
Hex kodunu okuyun
Cevap diğer alanda hemen görünür; bir diyez işaretiyle başlar ve büyük harflidir. Saydamlık için dördüncü bir değer verdiyseniz kodun sekiz basamağı olur.
İşinize kopyalayın
Kodu stil sayfasına, belirteç dosyasına ya da mesaja yapıştırın. Bir sonraki dönüşümün bir arama olması için bunu palet notunuza ekleyin.
Bu gösterimler nereden geliyor
Hex ve RGB iki kez yazılmış aynı şeydir
Bir ekran rengi üç sayıdır: ne kadar kırmızı, yeşil ve mavi ışık yayılacağı; her biri bir bayt olan 0 ila 255 arasında. Hex bu baytları basitçe on altılık tabanda yazar; yani #FF8800 ve rgb(255, 136, 0), aynı pikselle ilgili aynı talimattır.
HSL ve CMYK
HSL, ikisi de bir insan için okunaklı olmadığı için icat edildi: renk tonunu bir renk çemberi etrafında bir açı olarak, doygunluğu ve açıklığı yüzde olarak verir; böylece bir tasarımcı üç rakamı yeniden hesaplamadan bir şeyi daha açık yapabilir. CMYK ise tamamen farklı bir dünyaya, ışık yerine mürekkebe aittir. Çıkarmalıdır, dört baskı kalıbından kurulmuştur ve bir ekranın ulaşabildiği her renge ulaşamaz, çünkü bir ekran ışık yayarken kâğıt yalnızca yansıtır. HEX'ten HSL'ye ve RGB'den CMYK'ye sayfalarına bakın.
Onlarla nerede karşılaşırsınız
Tasarım teslimatında
Bir tasarımcı rgb değerlerini ya da bir seçiciyi gösteren bir düzenleyicide çalışır; geliştiricinin stil sayfası için hex'e ihtiyacı vardır. RGB'yi HEX'e dönüştürmek aradaki adımdır ve bir paletteki her renk için yapılır.
Renk hesaplayan betiklerde
İki rengi karıştıran ya da birini koyulaştıran bir betik sayılarla çalışır ve üç tanesiyle biter. Sonucu bir stil sayfasında kullanmak ya da göstermek için bir hex kodu olarak yazılması gerekir. Bunu kodda elle yapmak birkaç satırdır; sonucu bir dönüştürücüyle kontrol etmek daha hızlıdır.
Veri görselleştirmede
Grafik kütüphaneleri renkleri hex dizeleri olarak kabul eder. Sayısal yöntemlerle üretilen paletler rgb üçlüleri olarak çıkar. Bir dönüşüm adımı birini diğerine çevirir.
Belgelerde ve sunumlarda
Ofis programları renkleri RGB sayıları olarak gösterir; web düzenleyicileri hex ister. Bir marka renginin her ikisinde de görünmesi gerektiğinde dönüşüm onları aynı tutar.
RGB'yi HEX'e dönüştürürken tuzaklar
Baştaki sıfırı unutmak
7'yi 07 yerine 7 yazmak, sonraki her basamağı kaydırır. Çift başına her zaman iki basamak kullanın.
Yüzdeyi 0 ila 255 ile karıştırmak
rgb(35%, 27%, 20%), sayıların farklı bir yazılışıdır ve yüzde 100, 255'tir. Kaynağınız yüzdeler kullanıyorsa önce onları 0 ila 255'e çevirin: 2,55 ile çarpın.
Hesaplanan renklerde yuvarlama hataları
127,5 üreten bir betik, bunun 127 mi 128 mi olduğuna karar vermelidir. Fark görünmezdir, ama tek bir renk sandığınız şey için iki kod yaratır. Her yerde aynı şekilde yuvarlayın.
Rengi bir ekran görüntüsünden almak
Bir ekran görüntüsünden okunan renk, ekranın renk yönetiminden ve belki sıkıştırmadan geçmiştir. Kaynaktan bir iki adım farklı olabilir. Mümkün olduğunda tasarım dosyasını kullanın.
Dönüştürmeden önce insanların sorduğu sorular
rgb(255, 0, 0) hex'te nedir?
#FF0000, saf kırmızı.
rgb(0, 0, 0) hex'te nedir?
#000000, siyah.
Hex kodunda küçük harf kullanabilir miyim?
Evet. #5a4632 ve #5A4632 aynı renktir. Sayfa büyük harf yazar.
Dönüşüm tam mı?
Evet. Aynı üç sayının iki yazılışıdır.
Rengim yükleniyor mu?
Hayır. Aritmetik tarayıcınızda çalışır ve hiçbir yere hiçbir şey gönderilmez.
Nasıl geri dönerim?
Üç çifti sayı olarak okuyan HEX'ten RGB'ye dönüştürücüsüyle.
Bir projede renkleri tutarlı tutan alışkanlıklar
Her rengi bir kez tanımlayın
Paletinizi --brand: #5A4632 gibi özel özelliklere koyun ve renklere adlarıyla başvurun. Yeni bir renk için RGB'yi HEX'e dönüştürdüğünüzde bir satır eklersiniz ve her kullanım onu izler.
Tek bir harf biçimi seçin
Hex kodları için büyük ya da küçük harf seçin ve ona bağlı kalın. O zaman koddaki bir renk araması güvenilir olur.
Kaynağı kaydedin
Her rengin yanına nereden geldiğini not edin: marka rehberi, bir logo, örneklenmiş bir görüntü. Bir rengin doğru olup olmadığı sorusu çıktığında nereye bakacağınızı bilirsiniz.
Kontrastı test edin
Renkli bir arka plandaki metin için kontrast oranını bir araçla kontrol edin. rgb biçimindeki sayılar doğrudan formüle girer ve hex biçimi çoğu denetleyiciye yazdığınız şeydir.
Neden 256 adım ve sayıların arkasında ne var
Her ışık için sekiz bit
Üç sayının her biri sekiz bitte saklanır; bu, 0 ila 255 arasında 256 değere izin verir. Üçü birlikte 256 × 256 × 256, yani yaklaşık 16,7 milyon kombinasyon verir; bu, gözün çoğu koşulda ayırt edebileceğinden fazladır. Hex kodlarının tam altı basamak uzunluğunda olmasının nedeni budur: her ışık için iki, ne fazla ne eksik. RGB'yi HEX'e dönüştürdüğünüzde üç baytı insanların üzerinde anlaşabildiği en derli toplu biçimde yazıyorsunuz.
Eşit adımlar neden eşit görünmez
Sayılar gözünüze ulaşan ışıkla orantılı değildir. Ekranlar 2,2'nin bir kuvvetine yakın bir eğri uygular; böylece koyu tonlar 256 adımın parlak olanlardan daha fazlasını alır, bu da göze uygundur. 10'dan 20'ye bir adım, 240'tan 250'ye bir adımdan daha büyük bir değişiklik gibi görünür. Bu sizin için, iki rengi sayılarının ortalamasını alarak ortalamanın, ışıkları karıştırarak göreceğiniz rengi vermediği anlamına gelir; bu, kodda gradyanlar ve karışımlar hesaplarken önemli bir gerçektir.
Griler ve köşegen
Bütün griler, üç sayının eşit olduğu çizgi üzerinde yer alır. Bunlardan 256 tane vardır; 0'daki siyahtan 255'teki beyaza kadar. RGB'yi HEX'e dönüştürürseniz ve üç çift eşleşirse rengin tonu olmadığını hemen anlarsınız. Çiftleri bir iki adım farklı olan yakın bir gri, hafif bir tona sahiptir; tasarımcılar bunu çoğu zaman nötr bir renge bir parça sıcaklık ya da soğukluk vermek için kullanır.
Bir palet oluşturmak ve kontrol etmek
Bir avuç seçilmiş renkten bir palete
Tipik bir paletin bir ana rengi, bir vurgusu, metin için bir nötrü, yüzeyler için daha açık bir nötrü ve başarı ile hata için bir ya da iki sinyal rengi vardır. Her birini tasarım aracınızda seçin, rgb sayılarını okuyun ve stil sayfası için RGB'yi HEX'e dönüştürün. Rolü tarif eden adlarla özel özellikler olarak yazın ve palet her bileşende kullanıma hazırdır.
Metin ile arka plan arasındaki kontrast
Okunabilir metin, harfler ile arka planları arasında yeterli parlaklık farkı gerektirir. Erişilebilirlik yönergeleri iki rengin kırmızı, yeşil ve mavi değerlerinden hesaplanan bir kontrast oranı tanımlar ve normal metin için en az 4,5'a 1 ister. Denetleyiciler hex kodlarını kabul eder; bu yüzden burada ürettiğiniz kodlar doğrudan içlerine girebilir. Yalnızca beyaz üzerindeki ana rengi değil, kullanmayı planladığınız her eşleşmeyi kontrol edin.
Bir listeyi dönüştürmek
Dönüştürecek çok renginiz olduğunda onları birer birer işleyin ve her sonucu adı ve kullanımıyla bir tabloya yapıştırın. Renk başına bir dakika sürer ve tablo bütün proje için başvuru olur. Bir renk daha sonra ayarlanırsa yalnızca satırının değişmesi gerekir.
Hex ve rgb'yi uyumlu tutmak
Projeniz bazı renkleri hex, bazılarını rgb olarak saklıyorsa, biri birini düzenleyip diğerini unuttuğunda birbirinden uzaklaşmaları kolaydır. Birini ana kopya seçin, genellikle hex, ve diğerini ihtiyaç duyduğunuzda dönüştürücüyle türetin.
İlgili dönüştürücüler
Aynı araç ailesi komşu dönüşümleri de kapsar. Geri dönmek için HEX'ten RGB'ye dönüştürücüsünü kullanın. Renk tonuyla tarif edilen renkler için HEX'ten HSL'ye ve HSL'den HEX'e, baskı için ise RGB'den CMYK'ye, CMYK'den RGB'ye ve CMYK'den HEX'e dönüştürücüleri elinizin altındadır. Aynı stil sayfasındaki boyutlar için px'ten rem'e dönüştürücüsü, bu sayfanın renkler için yaptığını uzunluklar için yapar.
Çalışılmış bir örnek
Bir görüntü düzenleyicideki renk seçicinin size bir fotoğrafın vurgu renginin rgb(214, 98, 56) olduğunu söylediğini varsayın. Üç sayıyı yazarsınız ve #D66238 okursunuz. Stil sayfasına --accent: #D66238 yazar ve düğmeler ile bağlantılar için kullanırsınız. Bir meslektaş marka rehberinde rengin ne olduğunu sorar ve siz kodu gönderirsiniz. Daha sonra bir banner için saydam bir sürüme ihtiyaç duyarsınız ve rgba(214, 98, 56, 0.15) oluşturmak için onu HEX'ten RGB'ye ile geri çevirirsiniz. Her iki dönüşüm de tamdır, bu yüzden banner, düğmeyle aynı renk tonundadır.
Kısa bir kontrol listesi
Dönüştürmeden önce
Her sayının 0 ile 255 arasında olduğunu kontrol edin. Saydamlığa ihtiyacınız olup olmadığına karar verin.
Dönüştürürken
Üç sayıyı yazın, kodu okuyun ve diyez işaretiyle birlikte kopyalayın.
Dönüştürdükten sonra
Rengi bağlam içinde, gerçek arka plan üzerinde test edin ve üzerinde duran herhangi bir metnin kontrastını kontrol edin.
Sık yapılan hatalar
Baştaki sıfırı atmak
Her çiftin iki basamağı vardır. 7, 07'dir.
255'in üstündeki sayıları yazmak
İki basamakla yazılamazlar. Önce sınırlayın.
Ekranı gerçek saymak
Sayılar tamdır. Görünüm ekrana bağlıdır.
Renkleriniz cihazınızda kalır
Hesaplama yerel olarak yapılır. Değerleriniz kendi tarayıcınız tarafından kullanılır ve hiçbir yere hiçbir şey gönderilmez. Sonradan silinecek bir şey yoktur ve oluşturulacak bir hesap da yoktur. RGB'yi HEX'e dönüştürmenin sade yolu budur.
Özet
RGB'yi buradan HEX'e dönüştürmek için üç sayıyı yazın ve hex kodunu hemen okuyun. Dönüşüm rengi tam olarak korur: hex ve rgb(), kırmızı, yeşil ve mavi için 0 ila 255 arasındaki aynı üç sayının iki yazılışıdır; bu yüzden hiçbir şey yaklaştırılmaz ve bir gidiş-dönüş başladığı şeyi geri verir. Saydamlık için dördüncü bir değer de aktarılır, çünkü rgba(), #RRGGBBAA'ya ve geri dönüşür. Her iki yazılış da sRGB'yi tarif eder; bu yüzden onun dışındaki renkleri tarif edemezler. Her çiftin iki basamağı vardır, bu yüzden 16'nın altındaki bir sayı baştaki sıfırı alır. Hiçbir şey yüklenmez.