Ngjyra dhe dizajn
Zgjidh, konverto dhe kombino ngjyra dhe gjenero CSS për projektet e tua.
- Fushë prove për Flexbox dhe Grid Ndërto faqosje flexbox dhe CSS grid vizualisht. Cakto vetitë e kontejnerit e të elementëve, emërto zonat e rrjetës, shiko rezultatin live dhe kopjo CSS e HTML.
- Gjenerator gradienti CSS Krijo gradientë CSS linearë, radialë dhe konikë me pamje të drejtpërdrejtë. Shto e zhvendos pikat e ngjyrave, cakto këndin dhe kopjo kodin CSS me një klik.
- Gjenerator i border-radius Formëso border-radius në CSS vizualisht me pika që zhvendosen. Vendos çdo cep në px ose %, përdor sintaksën eliptike me 8 vlera, krijo blob dhe kopjo kodin.
- Gjenerator i box-shadow Krijo hije CSS box-shadow me shtresa dhe pamje të drejtpërdrejtë. Cakto zhvendosjen, turbullimin, ngjyrën dhe inset, provo neumorfizmin dhe kopjo kodin.
- Gjenerator i clip-path Vizato forma CSS clip-path me pika që zhvendosen. Ndrysho poligone, rrathë, elipsa e inset, nis nga gatishmëri si yje e shigjeta dhe kopjo kodin.
- Gjenerator nuancash të çelura dhe të errëta Gjenero nuanca të çelura dhe të errëta të çdo ngjyre me hapa 5, 10, 20 ose 25 %, të përziera në OKLCH ose sRGB, dhe eksportoji si variabla CSS ose Tailwind.
- Gjenerator palete ngjyrash Gjenero palete ngjyrash nga një ngjyrë bazë me rregullat e harmonisë: plotësuese, analoge, triadike, tetradike, katrore dhe monokromatike.
- Gjetës i emrit të ngjyrës Gjej emrin e çdo ngjyre. Shkruaj një kod HEX ose RGB dhe merr 5 emrat më të afërt nga mbi 30 000 ngjyra me emër, plus emrin më të afërt të ngjyrës CSS.
- Kalkulator i raportit të pamjes Thjesto çdo gjerësi e lartësi në raport pamjeje, ndrysho madhësinë duke ruajtur përpjesëtimet, krahaso 16:9, 4:3 ose 21:9 dhe kopjo kodin CSS aspect-ratio.
- Kontrollues kontrasti Kontrollues falas i kontrastit WCAG. Shkruaj ngjyrën e tekstit dhe të sfondit për raportin e kontrastit, rezultatet AA/AAA dhe ngjyrën më të afërt që kalon.
- Konvertues ngjyrash Konverto çdo ngjyrë mes HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH dhe OKLCH. Ngjit një kod, shiko ngjyrën dhe kopjo çdo format me një klik.
- Konvertues PX në REM Konverto px në rem dhe em me çdo madhësi shkronje rrënjë, ndërto një tabelë konvertimi në masë dhe kthe çdo vlerë px të një copëze CSS në rem me një klik.
- Nënmbledhës fontesh Nënmblidh një font te karakteret që të duhen me HarfBuzz, në shfletues. Merr TTF/OTF e WOFF më të vogël, parapamje dhe rregull @font-face me unicode-range.
- Paletë ngjyrash nga imazhi Nxirr një paletë ngjyrash nga çdo imazh. Ngarko një foto dhe merr ngjyrat mbizotëruese si kode HEX me përqindjen në imazh, gati për kopjim ose eksport.
- Parapamje e çiftimit të fonteve Shiko çiftimet e fonteve për tituj e tekst me 20 fonte me licencë të hapur, rregullo madhësinë dhe lartësinë e rreshtit dhe kopjo vargjet CSS font-family.
- Redaktor cubic-bezier Projekto kurba easing CSS me redaktor cubic-bezier me doreza, krahasoji me linear në animacion live dhe kopjo cubic-bezier() ose versionin linear().
- Simulator i verbërisë së ngjyrave Simulator falas i verbërisë së ngjyrave. Shiko çdo imazh me protanopi, deuteranopi, tritanopi, format e buta ose akromatopsi, krah për krah ose me rrëshqitës.
- Zgjedhës ngjyrash Zgjedhës ngjyrash falas. Zgjidh çdo ngjyrë dhe kopjo menjëherë kodet HEX, RGB, HSL, HSV dhe CMYK, me raportet e kontrastit ndaj të bardhës e të zezës.
- Zgjedhës ngjyrash nga imazhi Ngarko një imazh dhe kliko çdo piksel për ngjyrën si HEX, RGB, HSL, HSV dhe CMYK. Lupë zmadhuese, mesatarizim dhe listë ngjyrash, të gjitha në shfletuesin tënd.