Farver og design

Vælg, konverter og kombiner farver, og generér CSS til dine designs.

• Border-radius-generator Form CSS border-radius visuelt med håndtag, du kan trække i. Indstil hvert hjørne i px eller %, brug otteværdi-syntaksen, lav klatformer og kopiér koden.
• Box-shadow-generator Design lagdelte CSS box-shadow med levende eksempel. Indstil forskydning, sløring, spredning, farve, opacitet og inset, prøv neumorphism og kopiér koden.
• Clip-path-generator Tegn CSS clip-path-former med punkter, du kan trække i. Rediger polygoner, cirkler, ellipser og inset, start med stjerner og pile, og kopiér koden.
• CSS-gradient-generator Lav lineære, radiale og koniske CSS-gradienter med levende eksempel. Tilføj og træk farvestop, indstil vinklen og kopiér ren CSS-kode med ét klik.
• Cubic-bezier-editor Design CSS easing-kurver med en cubic-bezier-editor, du kan trække i. Sammenlign med linear i en levende animation, og kopiér cubic-bezier() eller linear().
• Farveblindhedssimulator Simulér protanopi, deuteranopi, tritanopi og akromatopsi på dine billeder. Sammenlign med originalen side om side eller med en skyder. Alt sker i din browser.
• Farvekonverter Konvertér farvekoder mellem HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH og OKLCH. Formatet genkendes automatisk, og alt sker lokalt i din browser.
• Farvenavn-finder Find det nærmeste navn til en farvekode blandt omkring 32.000 farvenavne og de 148 CSS-farver. Match med CIEDE2000 eller OKLab, alt i din browser.
• Farvepalette-generator Generér farvepaletter ud fra en grundfarve: komplementær, analog, triadisk, tetradisk og monokromatisk. Eksportér som HEX, CSS, SCSS, JSON eller Tailwind.
• Farvevælger Gratis online farvevælger. Vælg en farve og kopiér med det samme dens HEX-, RGB-, HSL-, HSV- og CMYK-koder, med kontrastforhold mod hvid og sort.
• Farvevælger fra billede Vælg et billede, og klik på en pixel for at få farven som HEX, RGB, HSL, HSV og CMYK. Zoomlup, gennemsnit og liste over valgte farver, alt i din browser.
• Flexbox- og grid-generator Byg flexbox- og CSS grid-layout visuelt. Indstil egenskaber for beholder og elementer, navngiv grid-områder, se resultatet live og kopiér ren CSS og HTML.
• Formatforholdsberegner Formatforholdsberegner, der forkorter bredde og højde, skalerer med samme proportioner, sammenligner 16:9, 4:3 og 21:9 og giver CSS-koden aspect-ratio.
• Generator til lysere og mørkere nuancer Generér lysere og mørkere nuancer af en farve i trin på 5, 10, 20 eller 25 %, blandet i OKLCH eller sRGB, og eksportér som CSS-variabler eller Tailwind.
• Kontrastcheck Gratis WCAG-kontrastcheck. Indtast en tekst- og baggrundsfarve og få kontrastforholdet, AA/AAA-resultater og den nærmeste farve, der består.
• Palette fra billede Udtræk en farvepalette fra et billede. Vælg et foto, og få dets dominerende farver som HEX-koder med deres andel af billedet, klar til at kopiere.
• PX til REM-omregner Omregn px til rem og em med en vilkårlig rodskriftstørrelse, lav en omregningstabel og omregn alle px-værdier i et CSS-uddrag til rem med ét klik.
• Skrifttype-subsetter Lav delsæt af en skrifttype med de tegn, du skal bruge, med HarfBuzz i din browser. Få en mindre TTF/OTF og WOFF og @font-face med unicode-range.
• Skrifttypekombinationer Se skrifttyper til overskrifter og brødtekst sammen med 20 skrifttyper med åben licens, justér størrelse og linjehøjde, og kopiér CSS-koden til font-family.