Design & Färg
Väljare, paletter, gradienter och kontrastkontroller.
Färgväljare & konverterare
Välj en färg och konvertera mellan HEX, RGB, HSL och OKLCH.
Nytt Färgkontrastkontroll
Kontrollera WCAG AA/AAA-kontrastförhållanden mellan text och bakgrundsfärger.
Nytt CSS-gradientgenerator
Bygg linjära, radiella och koniska CSS-gradienter med en liveförhandsvisning.
Nytt CSS box-shadow-generator
Bygg flerskiktade CSS-box-shadows med förinställningar och liveförhandsvisning. Kopiera CSS, värdet eller React-stilen direkt.
Nytt Färgpalettsgenerator
Generera komplementära, analoga, triadiska och monokromatiska paletter.
Nytt Kubisk Bezier-generator
Designa en CSS-hastighetskurva genom att dra kontrollpunkter, med liveförhandsvisning.
Nytt Border-radius-generator
Skapa visuellt CSS-rundade hörn och organiska blobformer.
Nytt CSS Flexbox-lekplats
Justera flex-egenskaper med liveförhandsvisning och kopiera CSS:en.
Nytt CSS Grid-lekplats
Justera rutnätets kolumner, mellanrum och justering med liveförhandsvisning och CSS.
Nytt Glasmorfism-generator
Designa ett frostat glaskort och kopiera CSS:en, med liveförhandsvisning.
Nytt CSS text-shadow-generator
Finjustera en CSS-textskugga med liveförhandsvisning och kopiera koden.
Nytt Färgblandare
Blanda två färger i valfritt förhållande och kopiera resultatet eller valfritt steg.
Nytt Bildfärgväljare
Välj valfri färg från en bild och extrahera dess dominerande palett som HEX, RGB och HSL.
Nytt Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Nytt Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.