Web tasarımı ve CSS
Bir tasarım dosyasından veya ekran görüntüsü seçicisinden bir rengi, stil sayfanızın gerektirdiği onaltılık koda dönüştürün.
RGB-HEX Dönüştürücü — Canlı önizleme özelliği ile RGB değerlerini onaltılık kodlara, onaltılık kodları ise RGB değerlerine dönüştürün.
Kırmızı, yeşil ve mavi sayıları girin, bir renk seçin veya bir onaltılık kodu yapıştırın ve tüm formatları aynı anda görüntüleyin: HEX, RGB ve HSL. Canlı önizleme ve kontrast kontrolü, hangi metin renginin en uygun olduğunu gösterir. Her şey tarayıcınızda çalışır.
Bir rengi dönüştür
Renkleriniz tarayıcınızda kalır
Bir renk seçin veya yazın
Aa
Renk kodları
HEX
–RGB (CSS)
–HSL (CSS)
––Best text color on it
–Kontrast oranı
Kılavuz
RGB'den HEX'e Dönüştürme Kılavuzu: Renk Kodları, HSL ve Kontrast
Renk kodlarının nasıl işlediğini ve okunabilir renk çiftlerini nasıl seçeceğinizi öğrenin.
RGB-HEX dönüştürücü ne işe yarar?
Ekranlar, kırmızı, yeşil ve mavi ışıkları karıştırarak her rengi oluşturur. RGB, bu karışımı 0 ile 255 arasında üç sayı olarak ifade eder. HEX ise aynı üç sayıyı 16 tabanında #1F3A5F gibi kısa bir kod olarak gösterir; CSS, tasarım araçları ve marka kılavuzları genellikle bu formatı kullanır.
Üç sayıyı girin, renk seçiciyle bir renk seçin veya bir onaltılık kodu yapıştırın. Tüm formatlar aynı anda güncellenir; ayrıca bir HSL versiyonu ve bu renk üzerinde hangi metin renginin en iyi okunduğuna dair bir kontrol de elde edersiniz.
İnsanlar Neden RGB’yi HEX’e Dönüştürür?
Marka ve belgeler
Logo dosyası, slayt sunumu ve web sitesi arasında marka renginin tutarlılığını koruyun.
Erişilebilirlik
Yayınlamadan önce, hangi metin renginin arka planda uygun olduğunu kontrol edin ve kontrast oranını inceleyin.
RGB Nasıl HEX’e Dönüşür?
Üç sayının her biri, 16 tabanında iki basamaklı bir değere dönüştürülür, ardından bu üç çift birleştirilir.
RGB: 31, 58, 95
31 = 1F (1 × 16 + 15)
58 = 3A (3 × 16 + 10)
95 = 5F (5 × 16 + 15)
HEX: #1F3A5F
16 tabanında 0-9 rakamları ve A-F harfleri kullanılır; burada A, 10’u, F ise 15’i temsil eder. #FA0 gibi kısa bir kod, kısaltma niteliğindedir: her rakam iki katına çıkarılır, dolayısıyla bu kod #FFAA00 anlamına gelir.
RGB ve HEX'te Yaygın Renkler
| Renk | RGB | HEX |
|---|---|---|
| Siyah | 0, 0, 0 | #000000 |
| Beyaz | 255, 255, 255 | #FFFFFF |
| Kırmızı | 255, 0, 0 | #FF0000 |
| Yeşil | 0, 255, 0 | #00FF00 |
| Mavi | 0, 0, 255 | #0000FF |
| Sarı | 255, 255, 0 | #FFFF00 |
| Turuncu | 255, 165, 0 | #FFA500 |
| Gri | 128, 128, 128 | #808080 |
RGB-HEX Dönüştürücüsünün Kullanımı
- Kırmızı, yeşil ve mavi değerlerini girin ya da renk seçiciyi kullanmak için renk örneğine tıklayın.
- Ya da tersi yönde işlem yapmak için Hex alanına bir onaltılık kodu yapıştırın.
- HEX, RGB ve HSL kodlarını okuyun; kontrast oranını ve en uygun metin rengini kontrol edin.
- İhtiyacınız olan formatın yanındaki “Kopyala” düğmesine basın.
Renklerle Çalışmaya Dair Basit İpuçları
- Metnin okunaklı olması için, normal metinlerde en az 4,5 : 1, büyük metinlerde ise en az 3 : 1 kontrast oranı hedefleyin.
- Hex kodlarında büyük/küçük harf ayrımı yapılmaz; dolayısıyla #1f3a5f ve #1F3A5F aynı renktedir.
- CSS’te başındaki # işareti zorunludur, ancak burada isteğe bağlıdır. Kodları bu işaretle ya da onsuz yapıştırabilirsiniz.
- Ekranlar ve yazıcılar renkleri farklı şekilde gösterir; bu nedenle, yazdırılan renk, ekranda gördüğünüz renkle aynı olmayabilir.
Kısıtlamalar ve Gizlilik
Gizlilik
Renkleriniz tarayıcınızda dönüştürülür. Sunucumuza hiçbir şey gönderilmez veya saklanmaz. Yalnızca küçük harf seçeneği cihazınızda hatırlanır.
Sınırlamalar
Bu araç, kanal başına 0 ile 255 aralığındaki standart 8 bitlik sRGB renkleriyle çalışır. Şeffaflık (RGBA veya 8 basamaklı onaltılık), baskı için CMYK veya geniş renk gamına sahip renk uzaylarını desteklemez.
Sık sorulan sorular
RGB-HEX Dönüştürücü SSS
RGB'yi HEX'e nasıl dönüştürebilirim?
Kırmızı, yeşil ve mavi değerlerini, her birini 0 ile 255 arasında olacak şekilde girin. Araç, her sayıyı onaltılık sistemde iki basamaklı bir sayıya dönüştürür ve bunları birleştirir; dolayısıyla 31, 58, 95, #1F3A5F olur.
HEX değerini RGB'ye nasıl dönüştürebilirim?
Onaltılık kodu “Hex” alanına yapıştırın. Üç RGB değeri birden otomatik olarak girilir. Örneğin, #FF8800, 255, 136, 0 değerlerine karşılık gelir.
Hex kodunda # işareti gerekli mi?
Hayır. # işareti olsun ya da olmasın yazabilirsiniz; #FA0 gibi kısa kodlar da işe yarar. Sonuçta her zaman # işareti yer alır, böylece CSS için hazır hale gelir.
Üç RGB değeri ne anlama geliyor?
Bunlar, 0 (yok) ile 255 (tam) arasında değişen kırmızı, yeşil ve mavi ışık değerleridir. 0, 0, 0 siyah, 255, 255, 255 ise beyazdır.
HSL değeri ne işe yarar?
HSL, bir rengi ton, doygunluk ve açıklık olarak tanımlar. Örneğin bir rengi biraz daha açık hale getirmek gibi ayarlamaları elle yapmak genellikle daha kolaydır ve bu yöntem CSS’de doğrudan kullanılabilir.
Kontrast oranı bana neyi gösterir?
Bu oran, siyah veya beyaz metnin seçtiğiniz renk üzerinde ne kadar iyi öne çıktığını gösterir. WCAG erişilebilirlik yönergelerine göre, normal metinler için genellikle 4,5:1 veya daha yüksek bir oran asgari şart olarak kabul edilir.
Şeffaflık ekleyebilir miyim?
Burada değil. Bu araç, alfa kanalı olmayan opak renkleri işler. Şeffaflık elde etmek için CSS’inizdeki rgba() içinde alfa değerini kendiniz ekleyin.
Verilerim kaydediliyor mu veya herhangi bir yere gönderiliyor mu?
Hayır. Dönüştürme işlemi tarayıcınızda gerçekleştirilir ve cihazınızdan hiçbir veri dışarı aktarılmaz. Yalnızca küçük harf seçiminiz bir dahaki sefere kullanılmak üzere kaydedilir.
Bu aracı kullanan kişilerden
Yorumlar
Yorumlar yükleniyor…
Devam et
Kutudaki diğer araçlar
Ana sayfada, API anahtarı gerektirmeyen onlarca ücretsiz araç daha yer almaktadır.
UUID Oluşturucu
v4, v7 ve v5 UUID’lerini toplu olarak rastgele oluşturun.
Araç açBoşluk Temizleyici
Fazla boşlukları, sekmeleri ve boş satırları kaldırın.
Araç açBirim Dönüştürücü
Uzunluk, ağırlık, hız ve daha fazlasını dönüştürün.
Araç açRoma Rakamları Dönüştürücü
Sayıları Roma rakamlarına dönüştürün ve tersini yapın.
Araç aç