Suunnittelu ja väri
Valitsimet, paletit, liukuvärit ja kontrastintarkistimet.
Värivalitsin ja muunnin
Valitse väri ja muunna HEX-, RGB-, HSL- ja OKLCH-muotojen välillä.
Uutta Värikontrastin tarkistin
Tarkista WCAG AA/AAA -kontrastisuhteet tekstin ja taustavärin välillä.
Uutta CSS-liukuvärigeneraattori
Rakenna lineaarisia, radiaalisia ja kartiomaisia CSS-liukuvärejä reaaliaikaisella esikatselulla.
Uutta CSS Box-Shadow -generaattori
Rakenna monikerroksisia CSS box-shadoweja esiasetusten ja reaaliaikaisen esikatselun kera. Kopioi CSS, arvo tai React-tyyli välittömästi.
Uutta Väripalettigeneraattori
Luo komplementti-, analogia-, triadisia ja monokromaattisia paletteja.
Uutta Cubic Bezier -generaattori
Suunnittele CSS-helpotuskäyrä vetämällä ohjauspisteitä reaaliaikaisella esikatselulla.
Uutta Reunan pyöristyksen generaattori
Muotoile CSS-pyöristettyjä kulmia ja orgaanisia blob-muotoja visuaalisesti.
Uutta CSS Flexbox -leikkikenttä
Säädä flex-ominaisuuksia reaaliaikaisella esikatselulla ja kopioi CSS.
Uutta CSS Grid -leikkikenttä
Säädä ruudukon sarakkeita, välejä ja tasausta reaaliaikaisella esikatselulla ja CSS:llä.
Uutta Glassmorphism-generaattori
Suunnittele jäälasi-efektikortti ja kopioi CSS reaaliaikaisella esikatselulla.
Uutta CSS-tekstivarjogeneraattori
Säädä CSS-tekstivarjoa reaaliaikaisella esikatselulla ja kopioi koodi.
Uutta Värinsekoitin
Sekoita kaksi väriä missä tahansa suhteessa ja kopioi tulos tai mikä tahansa askel.
Uutta Kuvan värivalitsin
Poimi mikä tahansa väri kuvasta ja erota sen hallitseva paletti HEX-, RGB- ja HSL-muodossa.
Uutta Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Uutta Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.