Design & Farve
Vælgere, paletter, gradienter og kontrasttjek.
Farvevælger & konverter
Vælg en farve, og konvertér mellem HEX, RGB, HSL og OKLCH.
Nyt Farvekontrasttjekker
Kontrollér WCAG AA/AAA-kontrastforhold mellem tekst og baggrundsfarver.
Nyt CSS-gradientgenerator
Byg lineære, radiale og koniske CSS-gradienter med livevisning.
Nyt CSS Box-Shadow-generator
Byg CSS box-shadows med flere lag, forudindstillinger og livevisning. Kopiér CSS, værdien eller React-style med det samme.
Nyt Farvepalet-generator
Generér komplementære, analoge, triadiske og monokormatiske paletter.
Nyt Cubic Bezier-generator
Design en CSS-hastighedskurve ved at trække kontrolpunkter med livevisning.
Nyt Border Radius-generator
Design visuelt CSS-afrundede hjørner og organiske blob-former.
Nyt CSS Flexbox Playground
Justér flex-egenskaber med livevisning og kopiér CSS'en.
Nyt CSS Grid Playground
Justér grid-kolonner, afstand og justering med livevisning og CSS.
Nyt Glasmorfisme-generator
Design et frostet glaskort og kopiér CSS'en med livevisning.
Nyt CSS Text-Shadow-generator
Juster en CSS-tekstskygge med livevisning og kopiér koden.
Nyt Farvemixer
Bland to farver i et vilkårligt forhold og kopiér resultatet eller et trin.
Nyt Billedfarvevælger
Vælg enhver farve fra et billede, og udtræk dets dominerende palet som HEX, RGB og HSL.
Nyt Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Nyt Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.