Boje i dizajn
Biraj, pretvaraj i miješaj boje te generiši CSS za svoje projekte.
- Birač boja Besplatni birač boja na mreži. Odaberi bilo koju boju i odmah kopiraj njene HEX, RGB, HSL, HSV i CMYK kodove, uz omjere kontrasta prema bijeloj i crnoj.
- Birač boja sa slike Učitaj sliku i klikni bilo koji piksel da dobiješ njegovu boju kao HEX, RGB, HSL, HSV i CMYK. Lupa, prosjek piksela i lista odabranih boja, sve u pregledniku.
- Flexbox i Grid generator Izgradi flexbox i CSS grid rasporede vizuelno. Postavi svojstva kontejnera i elemenata, imenuj područja mreže, vidi rezultat uživo i kopiraj čist CSS i HTML.
- Generator border-radius Oblikuj CSS border-radius vizuelno pomoću tačaka za povlačenje. Postavi svaki ugao u px ili %, koristi eliptičnu sintaksu od 8 vrijednosti i kopiraj kôd.
- Generator box-shadow Dizajniraj slojevite CSS box-shadow sjene uz pregled uživo. Postavi pomak, zamućenje, boju, neprozirnost i inset, isprobaj neumorfizam i kopiraj kôd.
- Generator clip-path Nacrtaj CSS clip-path oblike povlačenjem tačaka. Uređuj poligone, krugove, elipse i inset, kreni od predložaka poput zvijezda i strelica i kopiraj kôd.
- Generator CSS gradijenta Napravi linearne, radijalne i konusne CSS gradijente uz pregled uživo. Dodaj i prevlači tačke boje, postavi ugao i kopiraj čist CSS kôd jednim klikom.
- Generator palete boja Generiši palete boja iz jedne osnovne boje prema pravilima harmonije boja: komplementarne, analogne, trijadne, tetradne, kvadratne i monohromatske.
- Generator tinti i sjena Generiši tinte i sjene bilo koje boje u koracima od 5, 10, 20 ili 25 %, miješane u OKLCH ili sRGB, i izvezi ih kao CSS varijable ili Tailwind konfiguraciju.
- Kalkulator omjera stranica Kalkulator omjera stranica: pojednostavi širinu i visinu, promijeni veličinu uz zadržavanje proporcija, uporedi 16:9 i 4:3 te kopiraj CSS aspect-ratio kôd.
- Naziv boje Pronađi naziv bilo koje boje. Unesi HEX ili RGB kôd i dobij 5 najbližih naziva među više od 30 000 imenovanih boja, plus najbliži CSS naziv boje.
- Paleta iz slike Izdvoji paletu boja iz bilo koje slike. Učitaj fotografiju i dobij dominantne boje kao HEX kodove s njihovim udjelom u slici, spremne za kopiranje ili izvoz.
- Parovi fontova Pregledaj parove fontova za naslove i tekst s 20 fontova otvorene licence, podesi veličinu i visinu reda i kopiraj CSS font-family nizove.
- Pretvarač boja Pretvori bilo koju boju između HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH i OKLCH. Zalijepi kôd, vidi boju i kopiraj svaki format jednim klikom.
- Pretvarač PX u REM Pretvori px u rem i em s bilo kojom veličinom fonta, napravi tabelu za masovnu pretvorbu i pretvori sve px vrijednosti CSS isječka u rem jednim klikom.
- Provjera kontrasta Besplatna WCAG provjera kontrasta. Unesi boju teksta i pozadine i dobij omjer kontrasta, AA/AAA rezultate i najbližu boju koja prolazi.
- Simulator daltonizma Besplatni simulator daltonizma. Pogledaj sliku s protanopijom, deuteranopijom, tritanopijom, blažim oblicima ili ahromatopsijom, uporedo ili s klizačem.
- Subsetter fontova Napravi podskup fonta samo sa znakovima koji ti trebaju, pomoću HarfBuzza u pregledniku. Dobij manji TTF/OTF i WOFF, pregled i @font-face s unicode-range.
- Uređivač cubic-bezier Dizajniraj CSS easing krivulje uređivačem cubic-bezier s ručkama za povlačenje, uporedi ih s linearnom u animaciji uživo i kopiraj cubic-bezier() ili linear().