HEX, RGB ve HSL Arasında Renk Dönüştürme
Hızlı Yanıt
Renk dönüştürmek için: Color Converter açın, herhangi bir formatta (HEX, RGB, HSL) renk girin ve araç anında tüm diğer formatlardaki karşılıklarını gösterir. Tüm dönüştürme tarayıcınızda yerel olarak olur —veri yüklenmez.
giriiş
Renkler birden fazla formatta temsil edilebilir: HEX (#ff6600), RGB (rgb(255, 102, 0)), HSL (hsl(24, 100%, 50%)) ve diğerleri. Farklı araçlar ve bağlamlar farklı formatlar kullanır —CSS genelde HEX veya RGB, design araçları HSL, API'ler herhangi birini. Formatlar arasında dönüştürme, bir sistemde tanımlı rengi başka format gerektiren bağlamda kullanmanızı sağlar.
Adım adım
-
Renk Dönüştürücü aracını açın
Renk Dönüştürücü araç sayfasına gidin. Araç HEX, RGB, HSL, HSV ve CMYK formatlarını destekler.
-
Renginizi girin
Desteklenen herhangi bir biçimde bir renk değeri yazın veya yapıştırın. Örnekler: '#ff6600', 'rgb(255, 102, 0)', 'hsl(24, %100, %50)'. Araç, giriş formatını otomatik olarak algılar.
-
Tüm format eşdeğerlerini inceleyin
Araç, rengi tüm formatlarda aynı anda görüntüler: HEX, RGB, HSL, HSV ve CMYK. Ayrıca dönüşümün doğru olduğunu doğrulayabilmeniz için bir renk önizleme örneği de gösterir.
-
İhtiyacınız olan formatı kopyalayın
Değeri panonuza kopyalamak için herhangi bir formatın yanındaki Kopyala düğmesini tıklayın. CSS'nizde, tasarım aracınızda veya uygulamanızda kullanın.
-
Rengi ayarlayın (isteğe bağlı)
Bazı araçlar, kaydırıcılarla rengi ayarlamanıza (HSL için: renk tonu, doygunluk, açıklık) ve tüm formatların gerçek zamanlı olarak güncellendiğini görmenize olanak tanır. Bu, ilgili renkleri veya gölgeleri bulmak için kullanışlıdır.
Örnekler
HEX ila RGB ve HSL
Giriş: #ff6600
Çıkış: RGB: rgb(255, 102, 0)
HSL: hsl(24, %100, %50)
RGB - HEX arası
Giriş: RGB(0, 128, 255)
Çıkış: HEX: #0080ff
HSL: hsl(210, %100, %50)
HSL - HEX arası
Giriş: hsl(120, %100, %50)
Çıkış: HEX: #00ff00
RGB: rgb(0, 255, 0)
Yaygın Sorunlar
- HEX ile vs # olmadan — bazı araçlar # önekini gerektirir, diğerleri gerektirmez. Dönüştürücümüz her ikisini de kabul eder.
- 3 basamaklı ve 6 basamaklı HEX —#f60, #ff6600'ün kısaltmasıdır. Her ikisi de geçerlidir; dönüştürücü 6 haneye normalleşir.
- HSL renk tonu aralığı — renk tonu 0-360 derecedir (daire). 0 ve 360'ın her ikisi de kırmızıdır. 360'ın üzerindeki değerler etrafı sarıyor.
- Renk alanı farklılıkları —HEX, RGB ve HSL'nin tümü sRGB'dir. CMYK farklı bir renk alanıdır (baskı) ve dönüşüm yaklaşıktır.
İpuçları
- Renk çeşitleri oluşturmak için HSL kullanın; tonu, doygunluğu veya açıklığı ayarlamak RGB'den daha sezgiseldir.
- CSS için HEX kullanın — stil sayfalarında en kompakt ve yaygın olarak desteklenen formattır.
- %50 opaklık için alfa şeffaflığını ayarlamanız gerektiğinde RGB kullanın —rgb(255, 102, 0, 0,5) (veya 8 basamaklı HEX: #ff660080 kullanın).
- Tüm renk formatları arasında anında, özel dönüşüm için Renk Dönüştürücümüzü kullanın.