Boje i dizajn
Biraj, pretvaraj i mešaj boje i generiši CSS za svoje dizajne.
- Birač boja Besplatan onlajn birač boja. Izaberi bilo koju boju i odmah kopiraj njene HEX, RGB, HSL, HSV i CMYK kodove, uz odnose kontrasta prema belom i crnom.
- Birač boje sa slike Otpremi sliku i klikni bilo koji piksel da dobiješ boju kao HEX, RGB, HSL, HSV i CMYK. Lupa za uvećanje, usrednjavanje i lista izabranih boja, sve u pregledaču.
- Flexbox i Grid generator rasporeda Napravi flexbox i CSS grid rasporede vizuelno. Podesi svojstva kontejnera i stavki, imenuj oblasti mreže, vidi rezultat uživo i kopiraj čist CSS i HTML.
- Generator clip-path oblika Nacrtaj CSS clip-path oblike prevlačenjem tačaka. Uređuj poligone, krugove, elipse i inset, kreni od gotovih oblika poput zvezde i strelice i kopiraj kod.
- Generator CSS gradijenata Napravi linearne, radijalne i konusne CSS gradijente uz pregled uživo. Dodaj i prevlači tačke boje, podesi ugao i kopiraj čist CSS kod jednim klikom.
- Generator paleta boja Generiši palete boja iz jedne osnovne boje po pravilima harmonije boja: komplementarne, analogne, trijadne, tetradne, kvadratne i monohromatske.
- Generator senke (CSS box-shadow) Napravi slojevite CSS senke uz pregled uživo. Podesi pomeraj, zamućenje, širenje, boju, providnost i inset, probaj neumorfizam i kopiraj kod.
- Generator svetlijih i tamnijih nijansi boje Generiši svetlije i tamnije nijanse boje u koracima od 5, 10, 20 ili 25 %, mešane u OKLCH ili sRGB, i izvezi ih kao CSS promenljive ili Tailwind konfiguraciju.
- Generator zaobljenih uglova (border-radius) Oblikuj CSS border-radius vizuelno prevlačenjem tačaka. Podesi svaki ugao u px ili %, koristi eliptičnu sintaksu sa 8 vrednosti, napravi oblike i kopiraj kod.
- Kalkulator odnosa stranica Skrati bilo koju širinu i visinu na odnos stranica, promeni veličinu uz zadržavanje proporcija, uporedi 16:9, 4:3 i 21:9 i kopiraj CSS aspect-ratio kod.
- Kombinovanje fontova za naslov i tekst Pregledaj kombinacije fontova za naslove i osnovni tekst sa 20 fontova otvorene licence, podesi veličinu i visinu reda i kopiraj CSS font-family nizove.
- Paleta boja iz slike Izdvoji paletu boja iz bilo koje slike. Otpremi fotografiju i dobij njene dominantne boje kao HEX kodove sa udelom u slici, spremne za kopiranje ili izvoz.
- Pretvarač boja Pretvori bilo koju boju između HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH i OKLCH. Nalepi kod, vidi boju i kopiraj svaki format jednim klikom.
- Pretvarač PX u REM Pretvori px u rem i em sa bilo kojom osnovnom veličinom fonta, napravi tabelu za masovno pretvaranje i pretvori sve px vrednosti CSS isečka u rem jednim klikom.
- Pronalazač naziva boje Pronađi naziv bilo koje boje. Upiši HEX ili RGB kod i dobij 5 najbližih naziva među više od 30.000 imenovanih boja, plus najbliži CSS naziv boje.
- Provera kontrasta boja Besplatna WCAG provera kontrasta. Unesi boju teksta i pozadine i dobij odnos kontrasta, AA/AAA rezultate i najbližu boju koja prolazi.
- Simulator daltonizma Besplatan simulator daltonizma. Pogledaj sliku sa protanopijom, deuteranopijom, tritanopijom, blažim oblicima ili ahromatopsijom, uporedo ili klizačem.
- Smanjivanje fonta (font subsetter) Smanji font na znakove koji ti trebaju pomoću HarfBuzz-a, u pregledaču. Dobij manji TTF/OTF i WOFF, pregled i @font-face pravilo sa unicode-range.
- Uređivač cubic-bezier krivih Oblikuj CSS easing krive prevlačenjem ručica u cubic-bezier uređivaču, uporedi ih sa linearnom u animaciji uživo i kopiraj cubic-bezier() ili linear() verziju.