Boje i dizajn
Biraj, pretvaraj i miješaj boje te generiraj CSS za svoje dizajne.
- Birač boja Besplatan mrežni birač boja. Odaberi bilo koju boju i odmah kopiraj njezine HEX, RGB, HSL, HSV i CMYK kodove, s omjerima 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. Povećalo, prosjek i popis odabranih boja, sve u pregledniku.
- Flexbox i CSS Grid generator Izradi flexbox i CSS grid rasporede vizualno. Postavi svojstva kontejnera i elemenata, imenuj područja mreže, vidi rezultat uživo i kopiraj čist CSS i HTML.
- Generator border-radiusa Oblikuj CSS border-radius povlačenjem točaka. Postavi svaki kut u px ili %, koristi eliptičnu sintaksu s 8 vrijednosti, izradi blob oblike i kopiraj kod.
- Generator box-shadowa Oblikuj slojevite CSS sjene uz pregled uživo. Postavi pomak, zamućenje, širenje, boju, neprozirnost i inset, isprobaj neumorfizam i kopiraj kod.
- Generator clip-patha Crtaj CSS clip-path oblike povlačenjem točaka. Uređuj poligone, krugove, elipse i inset, kreni od predložaka poput zvijezda i strelica i kopiraj kod.
- Generator CSS gradijenta Izradi linearne, radijalne i konusne CSS gradijente uz pregled uživo. Dodaj i povlači točke boja, postavi kut i jednim klikom kopiraj čist CSS kod.
- Generator paleta boja Generiraj palete boja iz jedne osnovne boje pomoću pravila harmonije: komplementarne, analogne, trijadne, tetradne, kvadratne i monokromatske.
- Generator svjetlijih i tamnijih nijansi Generiraj svjetlije i tamnije nijanse bilo koje boje u koracima od 5, 10, 20 ili 25 %, miješane u OKLCH-u ili sRGB-u, i izvezi ih kao CSS varijable.
- Kalkulator omjera stranica Kalkulator omjera stranica: skrati širinu i visinu, promijeni veličinu uz zadržane proporcije, usporedi 16:9, 4:3 ili 21:9 i kopiraj CSS aspect-ratio.
- Kombinacije fontova Pregledaj kombinacije fontova za naslove i tekst s 20 fontova otvorene licence, podesi veličinu i visinu retka te kopiraj CSS font-family popise.
- Paleta boja iz slike Izvuci paletu boja iz bilo koje slike. Učitaj fotografiju i dobij njezine dominantne boje kao HEX kodove s udjelom u slici, spremne za kopiranje ili izvoz.
- Pretvarač boja Pretvori bilo koju boju među formatima HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH i OKLCH. Zalijepi kod, vidi boju i kopiraj svaki format jednim klikom.
- Pretvarač PX u REM Pretvori px u rem i em uz bilo koju korijensku veličinu fonta, izradi tablicu skupne pretvorbe i jednim klikom pretvori sve px vrijednosti CSS isječka u rem.
- Provjera kontrasta boja Besplatna WCAG provjera kontrasta. Upiši boju teksta i pozadine i dobit ćeš omjer kontrasta, rezultate AA/AAA i najbližu boju koja prolazi.
- Simulator sljepoće za boje Besplatan simulator sljepoće za boje. Pogledaj bilo koju sliku s protanopijom, deuteranopijom, tritanopijom, njihovim blažim oblicima ili akromatopsijom.
- Smanjivanje fontova (subsetting) Smanji font na znakove koje trebaš pomoću HarfBuzza, u pregledniku. Dobij manji TTF/OTF i WOFF, pregled i @font-face pravilo s unicode-range.
- Tražilica naziva boja Pronađi naziv bilo koje boje. Upiši HEX ili RGB kod i dobit ćeš 5 najbližih naziva od više od 30 000 imenovanih boja te najbliži CSS naziv boje.
- Uređivač cubic-beziera Oblikuj CSS krivulje ublažavanja povlačenjem ručki, usporedi ih s linearnom u animaciji uživo i kopiraj cubic-bezier() ili verziju s funkcijom linear().