Renk dönüştürücü
Alfa ve renk tonu paletiyle renkleri HEX, RGB ve HSL arasında dönüştürün.
Renk dönüştürücü
CSS'nin anlayabileceği herhangi bir gösterime bir renk yapıştırın — #3b82f6, rgb(59, 130, 246), hsl(217, %91, %60) — ve diğer ikisi anında geri gelir. #f00 gibi kısa hex genişletilir, baştaki karma isteğe bağlıdır ve hem eski virgül sözdizimi hem de yeni boşluk sözdizimi, hangisini kullandığınız söylenmeden okunur. Her satıra bir renk koyun ve tüm palet aynı anda dönüştürülür; bu, bir tasarım aktarımı onaltılık kodlardan oluşan bir sütun olarak geldiğinde ve stil sayfanız HSL'de yazıldığında tam olarak istediğiniz şeydir.
Alfa, siz nasıl yazarsanız yazın yolculuktan sağ çıkar: rgba(59, 130, 246, 0,5), rgb(59 130 246 / 50%) ve 8 basamaklı onaltılık #3b82f680'in tümü aynı yarı saydam maviyi tanımlar ve her biri diğerine dönüşür. Yalnızca opak rengi istediğinizde "Alfa kanalını koru" seçeneğini kapatın. Çıkış formatı menüsü sonucu yalnızca hex, RGB veya HSL olarak daraltır - toplu listeler için kullanışlıdır - ve sözdizimi menüsü rgb(255, 0, 0) ile rgb(255 0 0 / 0.5) arasında karar verir, böylece kopyaladığınız şey doğrudan zaten sahip olduğunuz kod tabanına yapıştırılır. Büyük harf hex bir onay kutusu uzaktadır.
Renk tonu paletini açtığınızda her rengin, beyaza ve siyaha doğru eşit şekilde karıştırılmış daha açık ve daha koyu çeşitlerinden oluşan bir tablo elde edilir. Bir tasarım aracı açmadan tek bir marka renginden vurgulu durumları, sınırları ve devre dışı bırakılan stilleri türetmenin hızlı bir yoludur. Taraf başına bir ila sekiz adım seçin; temel renk %0'da ortada yer alır.
Her şey tarayıcınızda çalışır; yükleme yok, sunucu gidiş-dönüş yok, hesap yok. Yayınlanmamış marka renkleri makinenizde kalır. Renkli olmayan satırlar CSS yorumu olarak yerinde bırakılır ve hesaplamada sayılır; böylece bir yazım hatası asla uzun bir listenin geri kalanını gizlemez. Rebeccapurple gibi adlandırılmış CSS renkleri desteklenmez; önce bunları hex'e dönüştürün.