Besplatni Online Alat

Besplatni CSS i Alati za Boje

Biraj boje, napravi gradijente, provjeri kontrast i izradi shadow i radius CSS — sve na jednom mjestu. Ništa se ne šalje, sve se ažurira uživo dok tipkaš.

Klikni na uzorak da odabereš boju

HEX

RGB

HSL

Upiši u bilo koje polje — HEX, RGB ili HSL — i ostala dva se automatski ažuriraju, zajedno s uzorkom.

Što sve možeš s ovim CSS i alatima za boje

Pretvarač Boja — upiši boju kao HEX, RGB ili HSL i druge dvije se odmah osvježe. Zgodno kad ti dizajn da jedan zapis, a kodu treba drugi.
Gradijent — odaberi boje, izaberi Linearni ili Radijalni, postavi kut i klikni Kopiraj CSS.
Provjera Kontrasta — odaberi boju teksta i pozadine da vidiš mogu li ga pročitati i ljudi slabijeg vida (WCAG AA i AAA).
Sjena i Zaobljenje — pomiči pomak, zamućenje i širenje da složiš box-shadow, a kutove zaobli s border-radius. Kopiraj CSS kad ti se svidi.

Pojmovi o bojama objašnjeni

HEX — boja zapisana kao # i šest slova ili brojeva, npr. #2563EB.
RGB — ista boja kao tri broja za crvenu, zelenu i plavu.
HSL — nijansa, zasićenost i svjetlina. Lakše ga je ručno podešavati, npr. da boju posvijetliš.
WCAG kontrast — pravilo koliko se tekst i pozadina moraju razlikovati da tekst ostane čitljiv. AA je razina kojoj većina stranica teži, AAA je stroža.