Farby a dizajn
Vyberaj, prevádzaj a kombinuj farby a generuj CSS pre svoje projekty.
- Editor cubic-bezier Navrhni easing krivky CSS v editore cubic-bezier s úchytmi, porovnaj ich s lineárnym pohybom v živej animácii a skopíruj cubic-bezier() alebo linear().
- Generátor border-radius Tvaruj CSS border-radius vizuálne presúvaním bodov. Nastav každý roh v px alebo %, použi 8-hodnotovú eliptickú syntax, vytvor blob tvary a skopíruj kód.
- Generátor box-shadow Navrhni vrstvené CSS tiene box-shadow so živým náhľadom. Nastav posun, rozostrenie, rozšírenie, farbu, krytie a inset, vyskúšaj neumorfizmus a skopíruj kód.
- Generátor clip-path Kresli tvary CSS clip-path presúvaním bodov. Upravuj mnohouholníky, kruhy, elipsy a inset, začni z predvolieb ako hviezda či šípka a skopíruj kód.
- Generátor CSS gradientov Vytvor lineárne, radiálne a kužeľové farebné prechody CSS so živým náhľadom. Pridávaj a presúvaj farebné zarážky, nastav uhol a jedným kliknutím skopíruj kód.
- Generátor farebných paliet Vytvor farebné palety z jednej farby podľa pravidiel harmónie: komplementárna, analogická, triadická, tetradická, štvorcová a monochromatická.
- Generátor flexbox a CSS Grid Vytvor rozloženia flexbox a CSS Grid vizuálne. Nastav vlastnosti kontajnera a položiek, pomenuj oblasti mriežky, sleduj výsledok naživo a skopíruj CSS a HTML.
- Kalkulačka pomeru strán Kalkulačka pomeru strán zjednoduší šírku a výšku, zmení veľkosť so zachovaním proporcií, porovná 16:9, 4:3 či 21:9 a skopíruje kód CSS aspect-ratio.
- Kombinácie písiem Vyskúšaj kombinácie písiem pre nadpisy a text s 20 písmami s otvorenou licenciou, uprav veľkosť a výšku riadka a skopíruj zásobníky font-family v CSS.
- Kontrola kontrastu farieb Bezplatná kontrola kontrastu podľa WCAG. Zadaj farbu textu a pozadia a získaš kontrastný pomer, výsledky AA/AAA a najbližšiu vyhovujúcu farbu.
- Orezanie písma (subset) Orež písmo na znaky, ktoré potrebuješ, pomocou HarfBuzz priamo v prehliadači. Získaš menší TTF/OTF a WOFF, náhľad a pravidlo @font-face s unicode-range.
- Paleta z obrázka Získaj farebnú paletu z obrázka. Vlož fotografiu a dostaneš jej dominantné farby ako kódy HEX s podielom na obrázku, pripravené na kopírovanie alebo export.
- Prevodník farieb Prevádzaj farby medzi HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH a OKLCH. Vlož kód, uvidíš farbu a jedným kliknutím skopíruješ každý formát.
- Prevodník px na rem Prevádzaj px na rem a em s ľubovoľnou základnou veľkosťou písma, vytvor hromadnú tabuľku prevodov a jedným kliknutím zmeň všetky hodnoty px v úryvku CSS na rem.
- Simulátor farboslepoty Simulátor farboslepoty zdarma. Pozri si obrázok s protanopiou, deuteranopiou, tritanopiou, miernymi formami či achromatopsiou, vedľa seba alebo s posuvníkom.
- Svetlejšie a tmavšie odtiene farby Vytvor svetlejšie a tmavšie odtiene farby v krokoch po 5, 10, 20 alebo 25 %, miešané v OKLCH alebo sRGB, a exportuj ich ako premenné CSS alebo Tailwind.
- Vyhľadávač názvov farieb Zisti názov ľubovoľnej farby. Zadaj kód HEX alebo RGB a získaš 5 najbližších názvov z vyše 30 000 pomenovaných farieb aj najbližší názov farby v CSS.
- Výber farby z obrázka Vlož obrázok a kliknutím na pixel získaš jeho farbu ako HEX, RGB, HSL, HSV a CMYK. Lupa, priemerovanie a zoznam vybraných farieb, všetko v prehliadači.
- Výber farieb Bezplatný online výber farieb. Vyber ľubovoľnú farbu a okamžite skopíruj jej kódy HEX, RGB, HSL, HSV a CMYK spolu s pomermi kontrastu voči bielej a čiernej.