Barve in oblikovanje

Izbiraj, pretvarjaj in mešaj barve ter ustvarjaj CSS za svoje projekte.

• Generator barvnih palet Ustvari barvne palete iz ene osnovne barve s pravili harmonije: komplementarne, analogne, triadne, tetradne, kvadratne in monokromatske.
• Generator clip-path Nariši oblike CSS clip-path s premičnimi točkami. Urejaj mnogokotnike, kroge, elipse in pravokotnike, začni s predlogami, kot so zvezde in puščice.
• Generator CSS prelivov Ustvari linearne, radialne in konusne CSS-prelive z živim predogledom. Dodajaj in vleci barvne postaje, nastavi kot in z enim klikom kopiraj čisto kodo CSS.
• Generator sence elementa (box-shadow) Oblikuj večplastne CSS-sence z živim predogledom. Nastavi odmik, zamegljenost, razširitev, barvo, neprosojnost in inset, preizkusi neumorfizem in kopiraj kodo.
• Generator svetlejših in temnejših odtenkov Ustvari svetlejše in temnejše odtenke katere koli barve v korakih po 5, 10, 20 ali 25 %, pomešane v OKLCH ali sRGB, in jih izvozi kot CSS ali Tailwind.
• Generator zaobljenih vogalov (border-radius) Vizualno oblikuj CSS border-radius s premičnimi ročaji. Nastavi vsak vogal v px ali %, uporabi eliptično sintakso z 8 vrednostmi, ustvari madeže, kopiraj kodo.
• Igrišče za Flexbox in Grid Vizualno ustvari postavitve flexbox in CSS grid. Nastavi lastnosti vsebnika in elementov, poimenuj območja mreže, glej rezultat sproti in kopiraj CSS ter HTML.
• Iskalnik imen barv Poišči ime katere koli barve. Vnesi kodo HEX ali RGB in dobi 5 najbližjih imen med več kot 30 000 poimenovanimi barvami ter najbližje ime barve CSS.
• Izbirnik barv Brezplačen spletni izbirnik barv. Izberi katero koli barvo in takoj kopiraj njene kode HEX, RGB, HSL, HSV in CMYK s kontrastnimi razmerji do bele in črne.
• Izbirnik barv iz slike Naloži sliko in klikni slikovno piko, da dobiš njeno barvo kot HEX, RGB, HSL, HSV in CMYK. Povečevalno steklo, povprečenje in seznam izbranih barv v brskalniku.
• Kalkulator razmerja stranic Kalkulator razmerja stranic: poenostavi širino in višino, spremeni velikost z ohranitvijo razmerja, primerjaj 16:9, 4:3, 21:9 in kopiraj CSS aspect-ratio.
• Paleta barv iz slike Izlušči barvno paleto iz katere koli slike. Naloži fotografijo in dobi njene prevladujoče barve kot kode HEX z deležem na sliki, pripravljene za kopiranje.
• Podnabor pisav (font subsetter) V brskalniku ustvari podnabor pisave le z znaki, ki jih potrebuješ, s HarfBuzzom. Dobi manjši TTF/OTF in WOFF, predogled in pravilo @font-face z unicode-range.
• Predogled kombinacij pisav Preizkusi pare pisav za naslove in besedilo z 20 pisavami z odprto licenco, prilagodi velikost in razmik med vrsticami ter kopiraj sklope CSS font-family.
• Pretvornik barv Pretvori katero koli barvo med HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH in OKLCH. Prilepi kodo, oglej si barvo in kopiraj vsako obliko z enim klikom.
• Pretvornik px v rem Pretvori px v rem in em s poljubno osnovno velikostjo pisave, ustvari tabelo množične pretvorbe in vse vrednosti px v izseku CSS z enim klikom spremeni v rem.
• Preverjanje kontrasta barv (WCAG) Brezplačno preverjanje kontrasta WCAG. Vnesi barvo besedila in ozadja ter dobi kontrastno razmerje, rezultate AA/AAA in najbližjo ustrezno barvo.
• Simulator barvne slepote Brezplačen simulator barvne slepote. Oglej si sliko s protanopijo, devteranopijo, tritanopijo, blažjimi oblikami ali akromatopsijo, z drsnikom ali ob izvirniku.
• Urejevalnik cubic-bezier Oblikuj krivulje pospeševanja CSS s premičnim urejevalnikom cubic-bezier, primerjaj jih z linearno v živi animaciji in kopiraj cubic-bezier() ali linear().