Razvoj / Boje SVG

Menjač boja u SVG-u: promenite boju i kopirajte SVG

Pregledajte eksplicitne SVG boje i broj njihovih pojavljivanja, uređujte prelaze gradijenata i jednostavna CSS pravila za iscrtavanje, a zatim preuzmite SVG ili kopirajte njegov kod.

Menjač boja u SVG-u: promenite boju i kopirajte SVG: Pronalazi eksplicitne tokene boja u atributima fill, stroke, stop-color, color, flood-color i lighting-color, ugrađenim stilovima i jednostavnim style pravilima. Imenovane boje, kratki heksadecimalni zapisi, rgb() i hsl() normalizuju se. Zamene čuvaju ostale bajtove izvornog koda kada čišćenje ne zahteva izmene. Radi 100% lokalno u vašem pregledaču, bez otpremanja datoteka na server.

Kategorija
Alatke za programere
Pokretanja
U vašem pregledaču
Trošak
Besplatno · bez registracije
Dostupnost
Spremno za upotrebu
Promena boja SVG-aLokalna obrada

U potpunosti radi u vašem pregledaču

Izaberite ili prevucite SVG

SVG iscrtavanje

SVG svojstva fill, stroke i zaustavne tačke gradijenta koriste vrednosti boja i reference paint-server-a. Specifikacija: https://www.w3.org/TR/SVG2/painting.html

Sintaksa boja

Parser podržava imenovane boje, heksadecimalni zapis, rgb(), hsl() i currentColor. Alfa kanal se zadržava kada je naveden. CSS promenljive i napredni prostori boja nisu podržani parserom ovog alata. Specifikacija: https://www.w3.org/TR/css-color-4/

Kako se koristi

  1. Prevucite SVG ili nalepite njegov kod.
  2. Koristite birač za svaku boju ili unesite zamenu; po želji promenite sve tokene odjednom.
  3. Uporedite stanje pre i posle, a zatim preuzmite ili kopirajte pročišćeni SVG.

Privatnost i ograničenja

SVG kod ostaje u vašem pregledaču. Pregledi se prikazuju kao izolovane slike, a nebezbedan sadržaj i spoljni resursi se uklanjaju.

Srodne alatke

SVG uređivačČistač SVG-aSVG u JSX

Često postavljana pitanja

Šta se računa u broj pojavljivanja?

Eksplicitni tokeni boja u kodu, a ne broj prikazanih piksela ili elemenata koji dobijaju nasleđeni stil.

Da li su gradijenti podržani?

Da. Boje prelaza u gradijentu mogu da se promene bez zamene ID-jeva gradijenata ili njihovih referenci.

Šta radi currentColor?

Koristi nasleđenu CSS vrednost svojstva color kada je SVG ugrađen direktno u stranicu. Pregled slike obično koristi crnu boju, osim ako sam SVG ne definiše color.

Da li se rešava svaka CSS boja?

Ne. CSS promenljive, napredni prostori boja, nasleđene podrazumevane vrednosti i izračunate vrednosti selektora se ne rešavaju. Podržane su jednostavne deklaracije i selektori.

Besplatan alat · pokretanja: u vašem pregledaču · nalog nije potreban