Renk Dönüştürücü ve Seçici

HEX, RGB, HSL ve HSV formatları arasında anında renk dönüştürme yapın. Görsel olarak renk seçin veya değerleri doğrudan girin. Web tasarımı, CSS ve grafik tasarımı için mükemmel.

Görsel Renk Seçici

Renk Önizleme

HEX

RGB

HSL

HSV

CSS Örnekleri

color: #3b82f6;

color: rgb(59, 130, 246);

color: hsl(217, 92%, 60%);

Kopyalandı!

Neden Renk Dönüştürücü kullanmalı?

Çoklu format desteği: HEX, RGB, HSL ve HSV renk formatları arasında anında dönüştürme yapın. Her formatın kullanım alanı var - web için HEX, grafikler için RGB, tasarım için HSL.
Görsel renk seçici: İnteraktif bir renk seçici ile görsel olarak renk seçin. Gerçek zamanlı önizleme görün ve tüm format değerlerini aynı anda alın.
Kopyalamaya hazır değerler: Tüm renk değerleri CSS, HTML ve tasarım araçlarında doğrudan kullanım için formatlanmıştır. Tek tıkla panoya kopyalama işlevi.

Renk Dönüştürücü nasıl kullanılır

İstediğiniz rengi seçmek için görsel renk seçiciyi kullanın veya herhangi bir formatta renk değeri girin (HEX, RGB, HSL veya HSV).
Değerleri değiştirirken tüm renk formatları otomatik olarak gerçek zamanlı güncellenir.
Projelerinizde kullanmak üzere tercih ettiğiniz formattaki renk değerini panoya kopyalamak için herhangi bir Kopyala düğmesine tıklayın.

Sık Sorulan Sorular

HEX, RGB ve HSL arasındaki fark nedir?

HEX onaltılık gösterim (#RRGGBB) kullanır ve web geliştirmede en yaygındır. RGB kırmızı, yeşil, mavi değerlerini (0-255) kullanır ve dijital grafiklerde kullanılır. HSL ton (0-360°), doygunluk ve açıklık yüzdelerini kullanır - renkleri nasıl algıladığımızla eşleştiği için tasarımcılar için daha sezgiseldir.

RGB veya HEX yerine ne zaman HSL kullanmalıyım?

HSL, renk varyasyonları oluşturmanız gerektiğinde idealdir - hover durumları için açıklığı ayarlama, pastel versiyonlar için doygunluk veya renk şemaları için ton. RGB ve HEX, tam renk spesifikasyonlarınız olduğunda veya geriye dönük uyumluluğa ihtiyaç duyduğunuzda daha iyidir.

HSV nedir ve HSL'den nasıl farklıdır?

HSV (Ton, Doygunluk, Değer) HSL'ye benzer ancak 'Açıklık' yerine 'Değer' kullanır. HSV genellikle renk seçicilerde ve görüntü düzenlemede kullanılırken, HSL CSS'de daha yaygındır. Her ikisi de renkleri RGB'den daha sezgisel bir şekilde temsil eder.

Renk değerlerini doğrudan yapıştırabilir miyim?

Evet! HEX giriş alanına herhangi bir geçerli renk formatını yapıştırın. Araç otomatik olarak HEX (#FF5733 veya FF5733), RGB (rgb(255, 87, 51)), HSL (hsl(10, 100%, 60%)) veya adlandırılmış renkleri (kırmızı, mavi, vb.) tanır.

Bu renkleri CSS'de nasıl kullanırım?

Herhangi bir formatı kopyalayın ve CSS'nizde kullanın. HEX: color: #FF5733; RGB: color: rgb(255, 87, 51); HSL: color: hsl(10, 100%, 60%); Modern tarayıcılar üç formatı da destekler. HSL, CSS değişkenleriyle renk varyasyonları oluşturmak için harikadır.