Designverktyg

Snabba verktyg för frontend- och visuellt designarbete, med kopieringsklar CSS och tillgänglighetskontroller baserade på WCAG:s kontrastformel.

6 verktyg

Verktyg i den här kategorin

FärgomvandlareOmvandla färger mellan HEX, RGB, HSL, HWB, OKLCH och enkel CMYK. Klistra in valfri CSS-färg eller använd färgväljaren och kopiera sedan varje format. Körs i din webbläsare.
KontrastkontrollKontrollera kontrastförhållandet för text- och bakgrundsfärger enligt WCAG 2.2, se AA- och AAA-resultat för text och UI-delar och få den närmaste färg som klarar kraven.
CSS-gradientgeneratorBygg linjära, radiella och koniska CSS-gradienter med 2 till 6 färgstopp, ange vinkel och positioner, förhandsgranska live och kopiera bakgrunds-CSS.
Box Shadow GeneratorSkapa CSS-boxskuggor med flera lager: förskjutning, oskärpa, spridning, färg, opacitet och inset. Förhandsvisa mot valfri bakgrund och kopiera box-shadow-CSS:en.
FärgpalettgeneratorGenerera komplementära, analoga, triadiska, tetradiska, split-komplementära och nyanserade paletter från en färg. Lås färger och kopiera sedan HEX, CSS eller JSON.
Kalkylator för bildförhållandeHitta saknad bredd eller höjd för valfritt bildförhållande, förenkla mått som 1920×1080 till 16:9, förhandsgranska formen och kopiera CSS-regeln aspect-ratio.