CSS renk değişkeni çıkarıcı
CSS'nizin her rengini çıkartın ve yeniden kullanılabilir custom özelliklerine dönüştürün.
CSS renk değişkeni çıkarıcı
Stil sayfanızı yapıştırın ve bu araç her bildirimde hex, rgb()/rgba() veya hsl()/hsla() olarak yazılmış renk değerlerini tarar, ardından kuralları aynı değeri tekrarlamak yerine özel özelliklerin başvurularıyla yeniden yazar. Bu organik olarak büyüyen stil sayfalarını temizlemek için tasarlanmıştır — bir tasarımdan başlayarak, bileşen kitaplığı birleşimi veya tasarım aracından alınan CSS, aynı mavi tucatın biraz farklı şekillerde yazıldığı yer.
Adlandırma seçeneği, her değişkenin nasıl adlandırılacağını kontrol eder: ilk görünüş sırasına göre (--color-1, --color-2…), yaklaşık ton ve açıklık (--color-dark-blue, --color-light-gray) veya ilk görünüş CSS özelliğine göre (--color-background, --color-border). "Farklı yazılan eşit renkleri birleştir" seçeneğini etkinleştirin #ff0000, rgb(255, 0, 0) ve hsl(0, 100%, 50%) değerlerini kaynak metin farklı olsa bile tek bir değişkene katlamak için; özdeş değerler her zaman birleştirilir. Benzerlik kaydırıcısı daha da ileri gider ve yakından birbirine benzeyen ancak özdeş olmayan tonları birleştirir — palettinizin hiç kimsenin oluşturmayı amaçlamadığı yakın-kopyası gri tonları veya mavileri biriktirdiği durumlarda yararlıdır. Oluşturulan bloğun :root veya özel bir seçici altında olup olmayacağını seçin, değişkenlerin yazdırıldığı gösterimi seçin veya sadece denetime ihtiyacınız olduğunda yeniden yazmak yerine renk ve oluşum sayıları listesine geçin.
Tarayıcı yalnızca gerçek bildirim değerleri içinde görünür, bu nedenle #abcabc gibi bir kimlik seçiciyi hiçbir zaman bir renkle karıştırmaz ve yorumlar, tırnak içinde yazılan dizeler ve url() içeriğini tamamen dokunmadan bırakır. Hem Windows hem de Unix satır sonu işleri, ve araç iç içe işlevler tarafından satranç oynarmı, örneğin gradyan listesi içindeki bir renk.
Her şey tarayıcınızda yerel olarak çalışır — stil sayfanız hiçbir yere yüklenmez, bu nedenle özel bir projeden kod yapıştırmak güvenlidir. Sonucu kopyalayın, .txt dosyası olarak indirin veya başka bir geçişle hassaslaştırmak için çıktıyı girdiye geri gönderin.