Renk Dönüştürücü

Renk Dönüştürücü ne işe yarar

Bir HEX renk kodu verirsiniz, aynı rengi üç farklı biçimde geri alırsınız: HEX, RGB ve HSL. Bu, tasarımcıların ve ön yüz geliştiricilerinin en sık başvurduğu biçimleri kapsar. Bir renk örneğini #2b59ff olarak yakaladınız ama CSS değişkeniniz bir rgb() değeri mi bekliyor? Kodu buraya yapıştırın ve ihtiyacınız olan satırı kopyalayın. Marka renklerini eşleştirmek, bir tasarım jetonunu doldurmak veya bir tonun açıklığını değiştirmeden önce HSL içinde nasıl göründüğünü kontrol etmek için kullanışlıdır.

Nasıl kullanılır

1. Giriş kutusuna bir HEX rengi yazın ya da yapıştırın. # işareti isteğe bağlıdır; hem #2bf gibi kısa biçim hem de #2b59ff gibi tam kodlar kabul edilir.
2. Dönüştür düğmesine basın.
3. HEX, RGB ve HSL sürümlerini ayrı satırlar halinde listeleyen çıktı kutusunu okuyun.
4. İhtiyacınız olan satırı doğrudan stil sayfanıza veya tasarım dosyanıza kopyalayın.

Geçerli olmayan bir HEX kodu girerseniz araç bunu size söyler ve beklenen biçimi gösterir, böylece tahmin yürütmek zorunda kalmazsınız.

Renkleri neden burada dönüştürmelisiniz

Hızlıdır. Yükleme adımı ve bekleme yoktur, çünkü hesaplama Dönüştür düğmesine bastığınız anda gerçekleşir. Gizlidir de: işlem tarayıcınızda yerel olarak çalışır, bu yüzden renk kodlarınız cihazınızda kalır ve sayfa bağlantı olmadan da çalışmaya devam eder. Üstelik ücretsizdir ve oluşturmanız gereken bir hesap yoktur.

RGB ve HSL çıktısı, parantezler ve yüzde işaretleri dahil, CSS’in istediği biçimdedir; bu yüzden temizleme yapmadan yapıştırabilirsiniz. Değerler, tarayıcıların gösterimini yansıtacak şekilde tam sayıya yuvarlanır.

Hızlı bir ipucu

HSL ile çalışmak ton değişimlerini kolaylaştırır: temel HEX kodunuzu dönüştürün, ardından son sayıyı (açıklık) yukarı veya aşağı oynatarak aynı rengin daha açık ya da daha koyu bir sürümünü, karakterini kaybetmeden oluşturun. Daha fazla geliştirici aracı için geliştirici araçları kategorisine göz atabilirsiniz.