Geliştirici / SVG renkleri

SVG Renk Değiştirici: SVG'yi Yeniden Renklendirin ve Kopyalayın

Açık SVG renklerini ve kullanım sayılarını inceleyin, gradient duraklarını ve basit CSS renk kurallarını düzenleyin; ardından SVG'yi indirin veya kodunu kopyalayın.

SVG Renk Değiştirici: SVG'yi Yeniden Renklendirin ve Kopyalayın: fill, stroke, stop-color, color, flood-color ve lighting-color özniteliklerinde, satır içi stillerde ve basit style kurallarında bulunan açık renk belirteçlerini bulur. Adlandırılmış renkler, kısa hex değerleri, rgb() ve hsl() normalleştirilir. Temizleme değişiklik gerektirmediği sürece değiştirmeler, kaynak dosyanın diğer baytlarını korur. Sunucuya hiçbir dosya yüklenmeden tarayıcınızda %100 yerel olarak çalışır.

Kategori
Geliştirici araçları
Çalıştırma sayısı
Tarayıcınızda
Maliyet
Ücretsiz · kayıt gerekmez
Kullanılabilirlik
Kullanıma hazır
SVG renk değiştiriciYerel işleme

Tamamen tarayıcınızda çalışır

Bir SVG seçin veya buraya bırakın

SVG boyama

SVG dolgu, kontur ve gradyan durakları, renk değerlerini ve boya sunucusu başvurularını kullanır. Teknik özellik: https://www.w3.org/TR/SVG2/painting.html

Renk söz dizimi

Ayrıştırıcı, adlandırılmış renkleri, hex, rgb(), hsl() ve currentColor'ı destekler. Sağlandığında alfa korunur. CSS değişkenleri ve gelişmiş renk uzayları bu aracın ayrıştırıcısının kapsamı dışındadır. Teknik özellik: https://www.w3.org/TR/css-color-4/

Nasıl kullanılır?

  1. Bir SVG bırakın veya işaretlemesini yapıştırın.
  2. Her renk seçiciyi kullanın ya da bir değiştirme rengi girin; isterseniz tüm belirteçleri tek seferde yeniden renklendirin.
  3. Önceki ve sonraki hâli karşılaştırın, ardından temizlenmiş SVG'yi indirin veya kopyalayın.

Gizlilik ve sınırlamalar

SVG kodu tarayıcınızda kalır. Önizlemeler yalıtılmış görseller olarak oluşturulur; güvenli olmayan içerik ve harici kaynaklar kaldırılır.

İlgili araçlar

SVG DüzenleyiciSVG TemizleyiciSVG'den JSX'e

Sık sorulan sorular

Kullanım sayısı neyi sayar?

İşaretlemedeki açık renk belirteçlerini sayar; oluşturulan piksellerin sayısını veya devralınan bir stili alan öğelerin sayısını saymaz.

Gradient destekleniyor mu?

Evet. Gradient kimlikleri veya başvuruları değiştirilmeden gradient durak renkleri değiştirilebilir.

currentColor ne yapar?

SVG satır içi olarak eklendiğinde devralınan CSS color değerini kullanır. SVG'nin kendisi color tanımlamıyorsa görsel önizlemesinde normalde siyah kullanılır.

Her CSS rengi çözümlenir mi?

Hayır. CSS değişkenleri, gelişmiş renk uzayları, devralınan varsayılanlar ve hesaplanmış seçici sonuçları çözümlenmez. Basit bildirimler ve seçiciler desteklenir.

Ücretsiz araç · tarayıcınızda kez çalıştırma · hesap gerekmez