Färger och design
Välj, konvertera och kombinera färger och generera CSS till din design.
- Border-radius-generator Forma CSS border-radius visuellt med dragbara handtag. Ställ in varje hörn i px eller %, använd elliptisk syntax, skapa blobbar och kopiera koden.
- Box-shadow-generator Skapa CSS-skuggor i flera lager med direkt förhandsvisning. Ställ in förskjutning, oskärpa, spridning, färg och inset, och kopiera koden.
- Clip-path-generator Rita CSS clip-path-former med dragbara punkter. Redigera polygoner, cirklar, ellipser och inset, utgå från stjärnor och pilar och kopiera koden.
- CSS-gradientgenerator Skapa linjära, radiella och koniska CSS-gradienter med direkt förhandsvisning. Lägg till färgstopp, ställ in vinkeln och kopiera CSS-koden.
- Cubic-bezier-redigerare Forma easing-kurvor för CSS med en dragbar cubic-bezier-redigerare, jämför med linear i en animation och kopiera cubic-bezier() eller linear().
- Flexbox- och grid-lekplats Bygg layouter med flexbox och CSS Grid visuellt. Ställ in behållare och element, namnge grid-områden, se resultatet direkt och kopiera CSS och HTML.
- Färgkonverterare Konvertera färger mellan HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH och OKLCH. Klistra in en kod, se färgen och kopiera alla format med ett klick.
- Färgpalett från bild Ta fram en färgpalett ur valfri bild. Ladda upp ett foto och få dess dominerande färger som HEX-koder med deras andel av bilden, redo att kopiera.
- Färgpalettgenerator Skapa färgpaletter från en basfärg med färgharmonier – komplementär, analog, triadisk, tetradisk, kvadrat och monokrom – och exportera dem.
- Färgväljare Gratis färgväljare online. Välj valfri färg och kopiera direkt dess HEX-, RGB-, HSL-, HSV- och CMYK-koder, med kontrast mot vitt och svart.
- Förhandsvisa typsnittskombinationer Förhandsvisa typsnittskombinationer för rubriker och brödtext med 20 fria typsnitt, justera storlek och radavstånd och kopiera CSS-koden.
- Generator för ljusare och mörkare nyanser Skapa ljusare och mörkare nyanser av valfri färg i steg om 5, 10, 20 eller 25 %, blandade i OKLCH eller sRGB, och exportera till CSS eller Tailwind.
- Hitta färgnamn Hitta namnet på valfri färg. Ange en HEX- eller RGB-kod och få de 5 närmaste namnen bland över 30 000 färger, plus närmaste CSS-färgnamn.
- Hämta färg från bild Ladda upp en bild och klicka på valfri pixel för att få färgen som HEX, RGB, HSL, HSV och CMYK. Förstoringslupp, medelvärde och lista, i webbläsaren.
- Kalkylator för bildförhållande Räkna ut bildförhållande, förenkla bredd och höjd, ändra storlek med bibehållna proportioner och kopiera CSS-koden för aspect-ratio.
- Kontrastkontroll Gratis kontrastkontroll enligt WCAG. Ange text- och bakgrundsfärg och få kontrastförhållandet, resultat för AA/AAA och närmaste godkända färg.
- Omvandla px till rem Omvandla px till rem och em med valfri rotstorlek, skapa en omvandlingstabell och gör om alla px-värden i ett CSS-utdrag till rem med ett klick.
- Simulator för färgblindhet Gratis simulator för färgblindhet. Se valfri bild med protanopi, deuteranopi, tritanopi, mildare former eller akromatopsi, sida vid sida.
- Skapa typsnittssubset Skapa ett subset av ett typsnitt med bara de tecken du behöver, med HarfBuzz i webbläsaren. Få mindre TTF/OTF och WOFF plus en @font-face-regel.