Ontwerp & CSS
Genereer praktiese kleure en CSS met ’n lewendige plaaslike voorskou.
Kleuromsetter
Skakel HEX-, RGB- en HSL-kleure om en bekyk die presiese resultaat.
Maak hulpmiddel oop →CSS-gradiëntgenerator
Bou ’n tweekleur-lineêre gradiënt en kopieer produksieklaar CSS.
Maak hulpmiddel oop →WCAG-kontraskontroleerder
bereken die kontrasverhouding tussen twee kleure en kontroleer algemene WCAG AA- en AAA-teksdrempels.
Maak hulpmiddel oop →CSS-boks-skadugenerator
stel 'n boks-skadu saam met lewendige kleur-, verskuiwings-, vervaag- en verspreidingswaardes.
Maak hulpmiddel oop →CSS-tekskadu-generator
stel 'n leesbare text-shadow-deklarasie saam en maak 'n voorskou daarvan teen 'n gekose agtergrond.
Maak hulpmiddel oop →CSS Hoekafronding-Generator
stel vier onafhanklike hoekradiusse in en voer die resulterende CSS-deklarasie uit.
Maak hulpmiddel oop →Responsiewe CSS Clamp-gegenereerder
bereken 'n vloeiende klem-uitdrukking tussen minimum- en maksimumgroottes oor verskillende viewport-breedtes.
Maak hulpmiddel oop →PX ↔ REM-omskakelaar
skakel pixels en rem-eenhede om met 'n eksplisiete wortel-lettergrootte vir toeganklike uitleg.
Maak hulpmiddel oop →CSS-driehoekgenerator
genereer 'n CSS-grensdriehoek van nulgrootte vir vier rigtings met konfigureerbare grootte en kleur.
Maak hulpmiddel oop →Kleurskakeringsgenerator
skep 'n deterministiese lig-na-donker skaal van skakerings vanaf 'n HEX-kleur met kopieerbare CSS-veranderlikes.
Maak hulpmiddel oop →CSS-laaieropwekker
genereer 'n liggewig toeganklike laaier met verstelbare grootte, dikte, spoed en kleure.
Maak hulpmiddel oop →CSS-spesifisiteitsrekenaar
bereken selektorspesifisiteit en vergelyk ID's, klasse, eienskappe, pseudo-klasse en elementselektors.
Maak hulpmiddel oop →CSS-versoeningsfunksie-bouer
Valideer kubiese-bezier-beheerpunte en genereer herbruikbare oorgangstydsberekening-CSS.
Maak hulpmiddel oop →CSS-aangepaste Eienskappe Onttrekker
vind CSS-veranderlike-deklarasies, duplikaatdefinisies en hul jongste opgeloste tekswaardes.
Maak hulpmiddel oop →CSS-mediabewerkingsbouer
genereer media-navrae vir breedte, oriëntasie en bewegingsvoorkeur uit eksplisiete responsiewe toestande.
Maak hulpmiddel oop →CSS-kleurwaarde-uittrekker
onttrek en tel HEX-, RGB-, HSL- en moderne funksionele kleurwaardes uit ingeplakte CSS.
Maak hulpmiddel oop →CSS-ondersteunde reëlbouer
genereer positiewe en terugval-kenmerknavrae uit een gevalideerde CSS-deklarasie.
Maak hulpmiddel oop →CSS-lettertipe-stapelbouer
bou ’n font-family-stapel met aanhalingstekens, ’n uitdruklike generiese terugval en verwydering van duplikate.
Maak hulpmiddel oop →CSS Z-Index-ontleder
haal numeriese z-indeks-deklarasies uit en rangskik stapelwaardes sonder om die stylblad uit te voer.
Maak hulpmiddel oop →CSS-animasieduur-ouditor
inventaris-animasie en oorgangstye en rapporteer of verminderde-beweging hantering teenwoordig is.
Maak hulpmiddel oop →CSS-breekpunt-inventaris
ekstraheer min-breedte- en maksimum-breedte-media-navraag-breekpunte en rapporteer hul frekwensie en volgorde.
Maak hulpmiddel oop →CSS-logiese-eiendomskontroleerder
vergelyk die gebruik van fisiese en vloei-relatiewe CSS-eienskappe vir skryfmodus-vriendelike uitleg.
Maak hulpmiddel oop →CSS-lettergrootte-inventaris
haal fontgrootte-deklarasies volgens waarde en eenheid uit om inkonsekwente tipografiese skale te ontbloot.
Maak hulpmiddel oop →CSS Grid Track-ontleder
voorraad rooster-sjabloon ry- en kolomdeklarasies met herhaal- en minmaks-gebruiksopsommings.
Maak hulpmiddel oop →Geen ooreenstemmende gereedskap op hierdie bladsy nie.