HEX birimini RGB birimine çevirin Hexadecimal ↔ Red Green Blue Ücretsiz Çevrimiçi Güvenli
HEX cinsinden bir değer yazın, karşılığını hemen RGB 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.
HEX'i neden RGB'ye çevirirsiniz
Bir tasarım aracı size bir rengi #5A4632 olarak verir. Bir stil sayfası, bir tuval betiği, bir grafik kütüphanesi ya da bir grafik programı onu rgb(90, 70, 50) olarak ister. Aynı renktir ve bir yazılıştan diğerine geçme işi sürekli karşınıza çıkar: bir marka rehberi hex kodlarını listeler ve kodunuzun daha açık bir ton hesaplamak için sayılara ihtiyacı vardır, bir müşteri bir logodan bir renk gönderir ve saydamlıklı bir rgba()'yı doldurmanız gerekir, bir kütüphane yalnızca üç ayrı değer kabul eder. HEX'i RGB'ye çevirmek küçük bir iştir ve güvenilir bir dönüştürücü sizi on altı tabanında aritmetiği kafanızdan yapıp yanlış yapmaktan kurtarır.
Dönüşüm kesindir; 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 ile 255 arasında, aynı üç sayısının iki yazılışıdır. Hiçbir şey yaklaşık değildir ve gidiş dönüş başladığı şeyi geri verir. Bu sayfa bunu tarayıcınızda yapar ve hiçbir şey yüklenmez. Aşağıda hex basamaklarının üç sayıya nasıl eşlendiğini, saydamlığın nasıl taşındığını, kısaltılmış biçimin ne yaptığını, sRGB'nin sınırlarını ve geliştiricilerin ve tasarımcıların HEX'i RGB'ye çevirmesi gereken durumları bulacaksınız.
Dönüşüm nasıl çalışır
Üç basamak çifti üç sayı olur
Bir hex rengi, bir diyez işaretini izleyen altı onaltılık basamaktır ve çiftler hâlinde okunur: ilk çift kırmızı, ikinci yeşil, üçüncü mavidir. Her çift, her gün kullandığınız ondalık sistemde 0 ile 255 olan 00 ile FF arasında on altı tabanında bir sayıdır. Yani #5A4632, 5A, 46 ve 32'ye ayrılır. 5A, 5 × 16 + 10 = 90'dır, 46, 4 × 16 + 6 = 70'tir ve 32, 3 × 16 + 2 = 50'dir. Renk, sayfanın başladığı örnek olan rgb(90, 70, 50)'dir.
Basamaklar neden 0'dan F'ye gider
On altı tabanı on altı simge gerektirir; bu yüzden 9'dan sonra 10 ile 15'i temsil eden A'dan F'ye harfler gelir. Böyle bir basamak çifti 16 × 16 = 256 değer verir; tam olarak bir baytın tutabileceği kadar. Bir ekran rengi üç bayttır ve hex onları yazmanın kompakt bir yoludur: virgüllü ve parantezli üç sayı yerine altı karakter.
Büyük ve küçük harf
#5a4632 ve #5A4632 aynı renktir. CSS ikisini de kabul eder ve bu dönüştürücü de. Bir proje için bir kural seçin ve ona bağlı kalın, çünkü karışık harf büyüklüğü bir stil sayfasında aramayı zorlaştırır.
Dönüşümün koruduğu ve koruyamadığı
Rengi tam olarak korur
Hex ve rgb(), kırmızı, yeşil ve mavi için 0 ile 255 arasında aynı üç sayının iki yazılışıdır; bu yüzden hiçbir şey yaklaşık değildir ve gidiş dönüş başladığı şeyi geri verir. HEX'i RGB'ye çevirin ve geri dönün; büyük harfler dışında başladığınız kodun aynısını elde edersiniz.
Saydamlığı taşır
Saydamlık için dördüncü bir değer de taşınır: #RRGGBBAA, rgba() olur ve geri. Son çift, tam saydam olan 00'dan tam opak olan FF'ye alfa kanalıdır. Yani #5A463280, rgba(90, 70, 50, 0.5)'tir, çünkü hex'te 80, 128'dir ve 255 içinde 128 yaklaşık yarıdır. Sekiz basamak tüm güncel tarayıcılar tarafından 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. Onun dışındaki bir rengi tarif edemezler; daha yeni CSS gösterimleri lab(), oklch() ve color() bunun için vardır. Modern ekranlar sRGB'nin tuttuğundan daha doygun renkleri gösterebilir ve geniş renk aralıklı bir araçta böyle bir rengi seçen bir tasarımcı, hex olarak yazıldığında onun sRGB'ye kırpıldığını görecektir.
Kısaltma genişletilir, korunmaz
Kısaltma korunmak yerine genişletilir: #abc, aynı rengin uzun yazılışı olan #AABBCC olarak geri gelir. Her basamak ikiye katlanır. Bu, üç basamaklı bir kodu yapıştırıp doğru sayıları alabileceğiniz, ama kısa yazılışı uzun olandan bakarak geri elde edemeyeceğiniz, yalnızca her çiftin tekrar ettiğini kontrol edebileceğiniz anlamına gelir.
Yaygın renkler ve sayıları
Hatırlanacak birkaçı
Beyaz, üç ışığın da tam güçte olduğu rgb(255, 255, 255) olan #FFFFFF'tir. Siyah, hiç ışık olmayan rgb(0, 0, 0) olan #000000'dır. Saf kırmızı #FF0000, yeşil #00FF00 ve mavi #0000FF'tir. Orta gri, rgb(128, 128, 128) olan #808080 gibi üç eşit çifti olan herhangi bir koddur. Eşit çiftler her zaman gri demektir, çünkü üç ışığın eşit miktarları ton vermez.
Bir kodu bir bakışta okumak
Deseni bildiğinizde bir rengi hex basamaklarından tahmin edebilirsiniz. Yüksek bir ilk çiftle başlayan kod kırmızımsıdır, yüksek bir orta çift yeşilimsi, yüksek bir son çift mavimsidir. #FF8800 çok kırmızı, biraz yeşil ve hiç mavi değildir; bu turuncudur. Bunun için bir araca ihtiyacınız yok, ama kesin sayılar için bir araca ihtiyacınız var.
HEX'i buradan RGB'ye nasıl çevirirsiniz
Hex kodunu yazın ya da yapıştırın
Rengi ilk alana, diyez işaretiyle ya da onsuz girin. Üç, altı ve sekiz basamaklı biçimler kabul edilir.
rgb değerini okuyun
Yanıt diğer alanda hemen görünür; rgb(90, 70, 50) biçiminde ya da kod saydamlık taşıyorsa rgba() olarak. Sayfa bir bakışta kontrol edebilmeniz için #5A4632 = rgb(90, 70, 50) cümlesini gösterir.
Kodunuza kopyalayın
Sonucu onu isteyen stil sayfasına, betiğe ya da araca yapıştırın. Üç sayıya ayrı ayrı ihtiyacınız varsa onlar parantez içindekilerdir.
Bu gösterimler nereden gelir
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 0 ile 255 arasında, yani bir bayt. Hex bu baytları basitçe on altı tabanında yazar; yani #FF8800 ve rgb(255, 136, 0) aynı pikselin aynı talimatıdır.
HSL ve CMYK
HSL, ikisi de bir insan tarafından okunamadığı için icat edildi: renk tekerleğinin çevresinde bir açı olarak ton, yüzde olarak doygunluk ve açıklık verir; böylece bir tasarımcı üç rakamı yeniden hesaplamadan bir şeyi daha açık yapabilir. CMYK tamamen farklı bir dünyaya aittir: ışık değil mürekkep. Çıkarmalıdır, dört baskı kalıbından oluşur ve bir ekranın ulaşabildiği her renge ulaşamaz, çünkü bir ekran ışık yayar, kâğıt ise yalnızca yansıtır. Bunlar için HEX'ten HSL'e ve HEX'ten CMYK'ye bakın.
Onlarla karşılaştığınız yerler
Stil sayfalarında
Hex, bir stil sayfasına yazdığınız ve bir tasarım aracının size verdiği şeydir. RGB bir rengin aritmetiğe ihtiyaç duyduğu her yerde görünür: geçişler, saydamlık, bir ton hesaplayan kod. Her iki yazılışı da bilmek ve aralarında geçebilmek günlük ön yüz işinin bir parçasıdır.
Betiklerde ve tuval çiziminde
Çizim kodu çoğu zaman iki rengi karıştırmak, birini sabit bir miktarda koyulaştırmak ya da bir pikselin bir hedefle eşleşip eşleşmediğini sınamak için üç sayıyı ayrı ayrı ister. HEX'i RGB'ye çevirmek size sayıları doğrudan verir.
Grafik ve görüntü araçlarında
Görüntü düzenleyiciler genellikle bir rengi üç sayı ya da bir hex kodu olarak gösterir ve ikisinden birini yazmanıza izin verir. İkisi arasında geçmek, bir web sayfasındaki rengi sayı isteyen bir programda yeniden üretmenizi sağlar.
Belgelerde ve marka rehberlerinde
Bir marka rehberi bir rengi web için hex olarak, ekranlar için RGB olarak ve baskı için CMYK olarak listeleyebilir. İlk ikisinin uyuşmasını sağlamak tek bir dönüşüm meselesidir ve bin broşüre basılmadan önce bir yazım hatasını yakalayan türden bir kontroldür.
RGB biçiminin pratik kullanımları
İkinci bir renk olmadan saydamlık
rgba(90, 70, 50, 0.5) ile rengi yarı güçte elde edersiniz; böylece arkasındaki görünür. Bir marka renginden yeni bir tane icat etmeden kaplamalar, gölgeler ve renklendirilmiş arka planlar yapmanın standart yoludur.
Daha açık ve daha koyu tonları hesaplamak
Üzerine gelme durumunu biraz daha koyu yapmak için bir betik üç sayının her birinden sabit bir miktar çıkarabilir. Aynısını bir hex dizesinde yapmak zahmetlidir; rgb üzerinde basit aritmetiktir. Tona dayalı bir ayara ihtiyacınız varsa bunun yerine HEX'i HSL'e çevirin.
Kontrast kontrolleri
Erişilebilirlik araçları iki renk arasındaki kontrastı kırmızı, yeşil ve mavi değerlerinden hesaplar. Sayılara sahip olmak, hesabı kendiniz yapmanıza ya da bir arka plan üzerindeki metnin okunabilir olduğunu doğrulamak için onları bir denetleyiciye yapıştırmanıza izin verir.
HEX'i RGB'ye çevirirken tuzaklar
Alfa çiftini unutmak
Sekiz basamaklı bir kodun saydamlığı son iki basamaktadır. Onları atarsanız kaybedersiniz. Sonucun renk olduğuna karar vermeden önce kodun uzunluğunu kontrol edin.
Sırayı karıştırmak
Hex kırmızı, yeşil, mavidir. Birkaç biçim ve bazı eski grafik API'leri mavi, yeşil, kırmızı kullanır. Bir renk belirli bir programda yanlış çıkarsa kanal sırasını kontrol edin.
Bir ekran görüntüsünden kopyalamak
Bir ekran görüntüsünden okunan renk, ekranın renk yönetiminden ve sıkıştırmadan sonraki renktir. Kaynak dosyadaki renkten hafifçe farklı olabilir. Yapabildiğinizde tasarım dosyasını kullanın.
Ekranların anlaştığını varsaymak
İki ekran aynı kodu hafifçe farklı gösterir. Sayılar kesindir; gördüğünüz şey ekrana ve profiline bağlıdır.
Dönüştürmeden önce insanların sorduğu sorular
RGB'de #FF0000 nedir?
rgb(255, 0, 0), saf kırmızı.
RGB'de #FFFFFF nedir?
rgb(255, 255, 255), beyaz.
Üç basamaklı bir kodu dönüştürebilir miyim?
Evet. Her basamak ikiye katlanır: #09C, rgb(0, 153, 204) olan #0099CC olur.
Dönüşüm kesin mi?
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?
Üç sayıyı bir hex kodu olarak yazan RGB'den HEX'e ile.
HEX'i RGB'ye çevirirken akıllıca seçmek
Sonra neye ihtiyacınız olduğunu bilin
Saydamlığa ihtiyacınız varsa rgba() doğal biçimdir. Açıklığı ya da tonu ayarlamanız gerekiyorsa HSL daha kolaydır. Renk baskıya gidecekse bir sonraki adım, dönüşümün taşıdığı çekincelerle CMYK'dir. RGB'den CMYK'ye bakın.
Hex'i ana dosya olarak tutun
Bir marka paletindeki renkler için hex kodunu başvuru olarak tutun. Kısadır, belirsizlik taşımaz ve her yerde anlaşılır. Gerektiğinde diğer biçimleri ondan türetin.
Özel özellikleri kullanın
CSS'te renkleri --brand: #5A4632 olarak bir kez tanımlayın ve onlara adıyla başvurun. rgba() için sayılara ihtiyacınız varsa ayrıca --brand-rgb: 90 70 50 tanımlayın. Dönüşüm o zaman tek bir kez yapılır.
Modern CSS ve RGB biçimi
Boşlukla ayrılmış sözdizimi
Güncel CSS, rgb(90 70 50 / 50%) örneğindeki gibi boşluklu ve saydamlık için bir eğik çizgili rgb() kabul eder. Sayılar virgüllü biçimdekilerle aynıdır; bu yüzden bir dönüşümün sonucu her ikisinde de çalışır. Eski tarayıcılar ve bazı araçlar virgülleri bekler; bu yüzden rengin nerede kullanılacağını bilmediğinizde virgüllü biçim güvenli seçim olarak kalır.
Yüzdeler ve kesirler
RGB ayrıca 100 yüzdenin 255 olduğu rgb(35% 27% 20%) gibi yüzdelerle de yazılabilir. Sayfa tam sayılar verir, çünkü hex'in sakladığı ve çoğu aracın beklediği şey onlardır. Yüzdelere ihtiyacınız varsa her sayıyı 255'e bölün ve 100 ile çarpın.
Üç sayı için özel özellikler
Yaygın bir hile, yalnızca üç sayıyı --brand-rgb: 90 70 50 gibi bir özel özellikte saklamak ve onu rgb(var(--brand-rgb) / 0.5) olarak kullanmaktır. Tek bir tanımın hem düz hem saydam kullanıma hizmet etmesini sağlar. Bu amaçla HEX'i RGB'ye çevirdiğinizde yanıttan yalnızca sayıları kopyalayın.
Pratikte renkle çalışmak
Marka rehberiyle karşılaştırın
Bir marka rehberi aynı renk için hem hex hem rgb veriyorsa birini dönüştürün ve diğeriyle karşılaştırın. Bir uyuşmazlık genellikle rehberde bir yazım hatası demektir ve onu her sayfada kullanılmadan önce bulmak aldığı dakikaya değer.
Paleti kısa bir liste olarak tutun
Çoğu site beş ile sekiz renk kullanır. Onları bir nota her iki biçimde yazın. Yeni bir bileşen için HEX'i RGB'ye çevirmeniz gerektiğinde onu yeniden hesaplamak yerine bakabilirsiniz ve palet tutarlı kalır.
Renkleri role göre adlandırın
Birincil, yüzey ve uyarı gibi adlar yeşil ya da kahverengi gibi adlardan yeniden tasarımlarda daha iyi hayatta kalır. Dönüşüm size sayıları verir; ad onların ne için olduğunu söyler.
İlgili dönüştürücüler
Aynı araç ailesi komşu dönüşümleri kapsar. Geri dönmek için RGB'den HEX'e kullanın. Tonla tarif edilen renkler için HEX'ten HSL'e ve HSL'den HEX'e elinizin altındadır, baskı için ise HEX'ten CMYK'ye, CMYK'den HEX'e ve CMYK'den RGB'ye. Aynı stil sayfasındaki boyutlar için px'ten rem'e ve px'ten em'e, bu sayfanın renkler için yaptığını uzunluklar için yapar.
Çalışılmış bir örnek
Marka renginizin #1E7A5C olduğunu ve bir kart arka planı için saydam bir sürümünü istediğinizi varsayın. Kodu yazar ve rgb(30, 122, 92) okursunuz. Stil sayfasında background: rgba(30, 122, 92, 0.12) yazarsınız; aynı yeşilin çok hafif bir tonu ve rgba(30, 122, 92, 0.4) bir kenarlık. Kart beyaz bir sayfada ve gri bir sayfada rahatça durur, çünkü saydamlık sayfayı geçirir. Marka rengi sonradan değiştirildiğinde üç sayıyı tek bir özel özellikte değiştirirsiniz ve her ton onu izler.
Kısa bir kontrol listesi
Dönüştürmeden önce
Kodun uzunluğunu kontrol edin: üç, altı ya da sekiz basamak. Saydamlığa ihtiyacınız olup olmadığına karar verin.
Dönüştürürken
Kodu yapıştırın, rgb değerini okuyun ve onu parantezleriyle ya da yalnızca üç sayıyı kopyalayın.
Dönüştürdükten sonra
Rengi bağlam içinde, gerçek arka planda sınayın ve üzerinde duran herhangi bir metnin kontrastını kontrol edin.
Sık yapılan hatalar
Saydamlık çiftini düşürmek
Sekiz basamak alfa demektir. Onu koruyun ya da rgba()'ya çevirin.
Kanal sırasını karıştırmak
Hex önce kırmızıdır. Bazı araçlar önce mavi bekler.
Ekranı gerçek saymak
Sayılar kesindir. Görünüm ekrana bağlıdır.
Renkleriniz cihazınızda kalır
Hesap yerel olarak gerçekleşir. 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 ve oluşturulacak bir hesap yoktur. HEX'i RGB'ye çevirmenin sade yolu budur.
Özet
HEX'i buradan RGB'ye çevirmek için hex kodunu yazın ya da yapıştırın ve rgb değerini hemen okuyun. Dönüşüm rengi tam olarak korur: hex ve rgb(), kırmızı, yeşil ve mavi için 0 ile 255 arasında aynı üç sayının iki yazılışıdır; bu yüzden hiçbir şey yaklaşık değildir ve gidiş dönüş başladığı şeyi geri verir. Saydamlık için dördüncü bir değer de taşınır, çünkü #RRGGBBAA, rgba() olur ve geri. Her iki yazılış da sRGB'yi tarif eder; bu yüzden onun dışındaki renkleri tarif edemezler ve kısaltma korunmak yerine genişletilir: #abc, #AABBCC olarak geri gelir. Hiçbir şey yüklenmez.