Renk Formatı Çevirici

Bu araç ne işe yarar?

Renk Formatı Çevirici, tek bir rengi seçip onu HEX, RGB, HSL, HWB ve daha fazlasına anında dönüştürür. Web tasarımcıları, CSS yazan geliştiriciler ve Tailwind kullananlar için aynı rengin tüm gösterimlerini tek bakışta verir.

Nasıl kullanılır?

Değerleri ve seçenekleri ayarlayın.
Canlı önizlemede sonucu görün.
Üretilen CSS/kodu projenize kopyalayın.

Desteklenen tüm formatlar

Bir renk girdiğinizde araç dokuz değer üretir: HEX, alfa kanallı HEX (#RRGGBBAA), RGB, RGBA, HSL, HSLA, modern HWB, CSS değişkeni satırı (--color: ...) ve Tailwind keyfi renk sözdizimi ([#3b82f6]). Her satırın yanındaki kopyala düğmesiyle istediğiniz biçimi tek tıkla panoya alabilirsiniz; renk seçiciye yazdığınız her değişiklik tüm formatları aynı anda günceller.

Saydamlık (opacity) kaydırıcısı

0–100 arası saydamlık kaydırıcısı, alfa içeren biçimleri canlı olarak etkiler: RGBA ve HSLA alfa değerini ondalık olarak gösterirken HEX+Alpha karşılık gelen iki haneli onaltılık eki ekler. Önizleme kutusu seçtiğiniz rengi geçerli saydamlıkta gösterir, böylece yarı saydam arka planları veya katman renklerini koda dökmeden önce görsel olarak doğrulayabilirsiniz.

Sıkça sorulan sorular

HWB formatı nedir ve nerede kullanılır?

HWB (Hue-Whiteness-Blackness) modern bir CSS renk biçimidir; bir tona ne kadar beyaz ve siyah eklendiğini tarif eder ve güncel tarayıcılarda doğrudan kullanılabilir.

Tailwind çıktısını nasıl kullanırım?

[#3b82f6] gibi değer, Tailwind'in keyfi renk sözdizimidir; bg-[#3b82f6] veya text-[#3b82f6] şeklinde sınıf adına ekleyerek kullanırsınız.

HSL veya RGB değerinden başlayabilir miyim?

Giriş alanı HEX bekler; başka bir formatla başlıyorsanız önce renk seçiciden o tonu seçin, ardından tüm formatlar otomatik üretilir.