HEX-RGB Dönüştürücü

Canlı önizleme ile HEX, RGB ve HSL renk formatları arasında dönüşüm yapın

HEX-RGB Dönüştürücü

HEX

RGB

HSL

Saydamlık

Renk Önizleme

CSS Çıktısı

HEX #FF5733

rgb() rgb(255, 87, 51)

hsl() hsl(11, 100%, 60%)

rgba() rgba(255, 87, 51, 1)

hsla() hsla(11, 100%, 60%, 1)

Tüm işlemler tarayıcınızda gerçekleşir. Hiçbir veri sunucuya gönderilmez.

Kullanım Örnekleri

Web Tasarım Rengi

Popüler bir web tasarım rengini CSS kullanımı için HEX'ten RGB ve HSL formatlarına dönüştürün.

Marka Rengi

Bir marka rengini bindirme efektleri için alfa saydamlıklı tüm CSS formatlarına dönüştürün.

Pastel Palet

Yumuşak bir pastel rengi keşfedin ve tüm renk formatlarındaki değerlerini görün.

Özellikler

Çift Yönlü Dönüşüm

Herhangi bir formattan diğerlerine anında dönüşüm — HEX, RGB, HSL, RGBA ve HSLA

Canlı Renk Önizleme

Değerleri ayarladıkça veya kod yazdıkça rengin gerçek zamanlı güncellendiğini görün

Alfa Kanalı Desteği

Saydamlığı alfa kaydırıcısıyla ayarlayın ve saydam renkler için RGBA ve HSLA çıktısı alın

Gizlilik Öncelikli

Tüm renk dönüşümleri tarayıcınızda yerel olarak gerçekleşir, sunucuya veri gönderilmez

Nasıl Kullanılır?

Renk Girin

Bir HEX kodu yazın, RGB kaydırıcılarını ayarlayın veya renk seçiciyi kullanarak bir renk seçin.

Tüm Formatları Görün

Tüm renk formatları (HEX, RGB, HSL, RGBA, HSLA) gerçek zamanlı olarak otomatik güncellenir.

CSS Kodunu Kopyalayın

Tercih ettiğiniz formattaki renk değerini panoya kopyalamak için kopyala butonuna tıklayın.

Sık Sorulan Sorular

Beş CSS renk formatı: HEX (#RRGGBB veya #RGB kısaltması), RGB (rgb(255,87,51)), HSL (hsl(14,100%,60%)), RGBA (alfa kanallı rgb, rgba(255,87,51,0.5)) ve HSLA (alfa kanallı hsl). Herhangi bir alana yazın veya renk seçiciyi kullanın; beş format da anında güncellenir.

HEX, web tasarımında en sık görülen 6 haneli onaltılık koddur (#FF5733). RGB, rengi Kırmızı, Yeşil, Mavi bileşenlerine (her biri 0-255) ayırır — ekranlar için doğal format. HSL ise Ton (renk çarkında 0-360 derece), Doygunluk (%0-100) ve Aydınlık (%0-100) kullanır; rengin tonlarını ve açıklık-koyuluk değerlerini ayarlamak için daha sezgiseldir.

Alfa kaydırıcısı saydamlığı 0 (tamamen saydam) ile 1 (tamamen opak) arasında kontrol eder. Alfa 1'den küçük olduğunda araç, düz RGB/HSL yerine RGBA ve HSLA çıktısı üretir. Bunlar saydam veya yarı saydam arka planlar, bindirmeler ve metin renkleri için kullanılan CSS formatlarıdır.

Üç haneli HEX (#F53), her hanenin iki katına alındığı altı haneli (#FF5533) kodun kısaltmasıdır. 3 haneli kodu doğrudan yazın — dönüştürücü bunu otomatik olarak işler. Çıktı her zaman tam 6 haneli formu gösterir.

HSL, renk paleti ve varyasyon oluşturmak için daha uygundur. Rengi açmak için Aydınlık değerini artırın. Doygunluğu azaltmak için Doygunluk değerini düşürün. Tonu değiştirmek için H değerini ayarlayın. RGB'nin bu sezgisel ilişkileri yoktur; bu nedenle HSL, dinamik temalar ve CSS özel özellikleri için tercih edilen formattır.

Evet. Renk seçici butonuna tıklayarak tarayıcının yerel renk seçicisini açabilirsiniz. Bazı tarayıcılar (Chrome, Edge), ekranınızdaki herhangi bir pikseli örnekleyebilen bir damlalık özelliği destekler. Destek, tarayıcı sürümünüze bağlıdır.

CSS çıktısı bölümü, her format için yapıştırmaya hazır CSS renk bildirimlerini gösterir: background-color: #FF5733; veya color: rgb(255, 87, 51); gibi. Yanındaki kopyala butonuna tıklayarak tam CSS satırını panonuza kopyalayabilirsiniz.

Evet, ücretsizdir. Tüm renk hesaplamaları JavaScript aracılığıyla tarayıcınızda yerel olarak çalışır. Hiçbir renk değeri, görsel veya veri sunucuya gönderilmez.

HEX to RGB Converter Nedir?

Bir hex kodu yazın, RGB değerlerini kaydırın veya renk seçiciyi kullanın — tüm formatlar gerçek zamanlı güncellenir. HEX, RGB, HSL, RGBA ve HSLA'yı her format için tek tıklamayla kopyalama özelliğiyle destekler.

Temel Özellikler

Canlı renk önizleme, yerel renk seçici, alfa/opaklık kontrolü, tüm CSS renk formatları arasında anında dönüşüm, kullanıma hazır CSS kod parçacıkları.

Kullanım Alanları

Hex kodunuz varken RGB değerlerine ihtiyaç duyduğunuzda web tasarımı, bindirmeler için saydamlık ayarlama, renk manipülasyonu için HSL karşılıklarını bulma veya sadece renkleri görsel olarak keşfetme.

İpuçları

HSL, renkleri ayarlamak için RGB'den daha sezgiseldir — Ton rengi, Doygunluk yoğunluğu, Aydınlık ise parlaklığı belirler. Alfa kanalı 0 (saydam) ile 1 (opak) arasında değişir.

Gizlilik

Tüm renk hesaplamaları tarayıcınızda gerçekleşir. Hiçbir veri hiçbir yere gönderilmez.

Güvenlik ve Gizlilik

Verilerinizin güvenliği bizim önceliğimiz

Yerel İşleme

Tüm işlemler tarayıcınızda gerçekleşir

Veri Transferi Yok

Verileriniz sunucularımıza gönderilmez

Veri Depolama Yok

Hiçbir veri depolanmaz veya paylaşılmaz

SSL Şifreleme

Güvenli bağlantı için SSL şifreleme

Sonraki Adım

Renk Seçici

Gelişmiş renk seçici - HEX, RGB, HSL, HSV, CMYK dönüşümleri ve kontrast kontrolü

Renk Paleti Üretici

Profesyonel renk paletleri oluşturun, renk kodlarını dönüştürün ve görsellerden renk çıkarın

Bu araç işinize yaradı mı?

HEX-RGB Dönüştürücü