RGB'den HSB'ye Dönüştürücü
Photoshop, Figma veya Sketch'e girmek için bir RGB renginden ton, doygunluk ve parlaklık değerlerini alın.
rgb girişi
Sonuç · HSB
hsb(344, 76%, 100%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Nasıl kullanılır: RGB'den HSB'ye
- 1
Bir renk girin
Bir renk kodu yazın veya renk seçiciyle bir renk seçin — her alan gösterdiği formatı kabul eder.
- 2
Dönüştürülmüş hâlini görün
Siz yazarken sonuç, rengin canlı önizlemesiyle birlikte anında güncellenir.
- 3
Kodu kopyalayın
İhtiyacınız olan değeri tek tıkla kopyalayın ve tasarımınıza, CSS'inize veya baskı ayarlarınıza yapıştırın.
HSB ne anlama gelir
HSB; ton (hue), doygunluk (saturation) ve parlaklık (brightness) demektir. HSV ile aynı modeldir — yalnızca üçüncü bileşenin adı farklıdır — ve Adobe Photoshop, Illustrator, Figma ve Sketch'in renk seçicilerinde kullandığı addır. Ton 0 ile 360 arasında derece, doygunluk ve parlaklık ise yüzde olarak verilir.
Bir ekran görüntüsünden, web sitesinden veya belirtimden kanal değerleriniz olduğunda ve rengi HSB ile çalışan bir tasarım uygulamasına girmek istediğinizde ya da bir rengi daha iyi anlamak istediğinizde RGB'yi HSB'ye dönüştürün: düşük doygunluk grimsi bir ton, düşük parlaklık koyu bir ton demektir. Örneğin rgb(255, 61, 114), hsb(344, 76%, 100%) olur. Araç aynı renk için HEX, HSL, HSV ve CMYK değerlerini de her biri kopyalama düğmeli olarak gösterir.
Her şey tarayıcınızda yerel olarak çalışır — görselleriniz asla bir sunucuya yüklenmez.