CSS szín változó kinyerő
Kinyerje minden színt CSS-éből és alakítsa újrafelhasználható custom propertyivé.
CSS szín változó kinyerő
Illessze be stíluslapját, és ez az eszköz minden deklarációban megkeresi a hex, rgb()/rgba() vagy hsl()/hsla() formátumban írt színértékeket, majd az szabályokat átírja custom propertyk referenciájára az értékek megismétlése helyett. Ez organikusan nőtt stíluslapok tisztítására készült — átdolgozás, komponenskönyvtár-egyesítés vagy tervezőeszközből kinyert CSS esetén, ahol ugyanaz a kék tucatféleképpen, kissé eltérő módon végzi.
A névadási lehetőség vezérli, hogy minden változó hogyan legyen elnevezve: első megjelenési sorrend szerint (--color-1, --color-2…), megközelítő árnyalat és világosság szerint (--color-dark-blue, --color-light-gray), vagy az első megjelenés CSS tulajdonsága szerint (--color-background, --color-border). Kapcsolja be az "azonos szín egyesítését eltérő formátumban" az #ff0000, rgb(255, 0, 0) és hsl(0, 100%, 50%) egyetlen változóba összehajtogatásához, még ha a forrásszöveg eltér is; azonos értékek mindig egyesülnek függetlenül attól. A hasonlósági csúszka tovább megy, és egyesít árnyalatokat, amelyek csak közel azonosak, de nem azonosak — hasznos, ha a paletta szürke vagy kék közeli-duplikálódásokat halmozott fel, amelyeket senki sem szándékolt létrehozni. Válassza, hogy a generált blokk :root vagy egyéni választó alatt legyen, válassza ki a jelölést, amelyben a változók nyomtatódnak, vagy váltson egyszerű szín- és előfordulási számlálólista formátumra, ha csak a stíluslap átírása helyett auditot szeretne.
A szkenner csak az aktuális deklarációs értékeken belül néz, ezért soha nem téveszti össze az #abcabc-hez hasonló azonosító választót egy színnel, és kommentárokat, idézőjeles karakterláncokat és url() tartalmat teljes egészében érintetlenül hagyja. Windows és Unix sorelágazások is működnek, és az eszköz nem sakkban van a beágyazott függvények által, például egy szín egy gradiens lista belsejében.
Minden helyileg futtatódik az Ön böngészőjében — a stíluslapot soha nem töltik fel sehova, így biztonságos beilleszteni egy privát projektből származó kódot. Másolja ki az eredményt, töltse le .txt fájlként, vagy küldje vissza a kimenetet a bemenetbe, hogy finomítsa egy másik passzal.