Designverktøy
Raske verktøy for frontend- og visuelt designarbeid, med kopieringsklar CSS og tilgjengelighetssjekker basert på WCAGs kontrastformel.
7 verktøy
Verktøy i denne kategorien
- FargekonvertererKonverter farger mellom HEX, RGB, HSL, HWB, OKLCH og forenklet CMYK. Lim inn hvilken som helst CSS-farge eller bruk fargevelgeren, og kopier deretter hvert format. Kjører i nettleseren din.
- KontrastsjekkerSjekk WCAG 2.2-kontrastforholdet mellom tekst- og bakgrunnsfarger, se AA- og AAA-resultater for tekst og UI-elementer, og få den nærmeste fargen som består.
- CSS-gradientgeneratorLag lineære, radielle og koniske CSS-gradienter med 2 til 6 fargestopp, angi vinkel og posisjoner, forhåndsvis direkte og kopier CSS-en for bakgrunnen.
- Box Shadow GeneratorUtform CSS-boksskygger med flere lag: forskyvning, uskarphet, spredning, farge, opasitet og inset. Forhåndsvis på hvilken som helst bakgrunn og kopier CSS-koden for box-shadow.
- FargepalettgeneratorGenerer komplementære, analoge, triadiske, tetradiske, splittkomplementære og nyansepaletter fra én farge. Lås farger, og kopier deretter HEX, CSS eller JSON.
- PX til REM-omformerKonverter px til rem eller em og tilbake med valgfri rotskriftstørrelse (standard 16px). Inkluderer en tabell med vanlige størrelser og konverterer px-verdier i hele CSS-snutter.
- SideforholdskalkulatorFinn manglende bredde eller høyde for ethvert sideforhold, forenkl dimensjoner som 1920×1080 til 16:9, forhåndsvis formen og kopier CSS-regelen for aspect-ratio.