Litir og hönnun

Veldu, umbreyttu og blandaðu litum og búðu til CSS fyrir hönnunina þína.

• Birtuskilaprófari Ókeypis WCAG birtuskilaprófari. Sláðu inn lit texta og bakgrunns og fáðu birtuskilahlutfallið, niðurstöður AA/AAA og næsta lit sem stenst.
• Border-radius framleiðandi Mótaðu CSS border-radius sjónrænt með punktum sem þú dregur. Stilltu hvert horn í px eða %, notaðu 8 gilda sporöskjusyntax, búðu til klessur og afritaðu kóðann.
• Box-shadow framleiðandi Hannaðu lagskipta CSS box-shadow með lifandi forskoðun. Stilltu frávik, óskýrleika, útbreiðslu, lit og inset, prófaðu neumorphism og afritaðu kóðann.
• Clip-path framleiðandi Teiknaðu CSS clip-path form með punktum sem þú dregur. Breyttu marghyrningum, hringjum, sporbaugum og inset, byrjaðu á stjörnum og örvum og afritaðu kóðann.
• CSS litstigull Búðu til línulega, geislalaga og keilulaga CSS litstigla með lifandi forskoðun. Bættu við og dragðu litastopp, stilltu hornið og afritaðu hreinan CSS-kóða.
• Cubic-bezier ritill Hannaðu CSS easing ferla með cubic-bezier ritli sem þú dregur, berðu þá saman við linear í lifandi hreyfimynd og afritaðu cubic-bezier() eða linear() útgáfu.
• Flexbox og Grid leikvöllur Byggðu flexbox og CSS grid uppsetningar sjónrænt. Stilltu eiginleika íláts og þátta, nefndu grid-svæði, sjáðu niðurstöðuna og afritaðu hreint CSS og HTML.
• Leturpörun Forskoðaðu leturpör fyrir fyrirsagnir og meginmál með 20 letrum með opnu leyfi, stilltu stærð og línuhæð og afritaðu CSS font-family safnið.
• Leturundirmengi Búðu til undirmengi letrs með þeim stöfum sem þú þarft, með HarfBuzz í vafranum. Fáðu minni TTF/OTF og WOFF, forskoðun og @font-face reglu með unicode-range.
• Litanafnaleit Finndu nafn á lit. Sláðu inn HEX- eða RGB-kóða og fáðu 5 næstu nöfn úr yfir 30.000 nefndum litum, auk næsta CSS-litanafns.
• Litaspjald úr mynd Dragðu litaspjald út úr hvaða mynd sem er. Hladdu inn ljósmynd og fáðu ríkjandi liti hennar sem HEX-kóða með hlutdeild í myndinni, tilbúna til afritunar.
• Litaspjaldsframleiðandi Búðu til litaspjöld út frá einum grunnlit með reglum um litasamhljóm: andstæður, nágrannalitir, þríund, fjórund, ferningur og einlita.
• Litaumbreytir Umbreyttu hvaða lit sem er milli HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH og OKLCH. Límdu inn kóða, sjáðu litinn og afritaðu hvert snið með einum smelli.
• Litaveljari Ókeypis litaveljari á netinu. Veldu hvaða lit sem er og afritaðu strax HEX-, RGB-, HSL-, HSV- og CMYK-kóða hans, með birtuskilum á hvítu og svörtu.
• Litaveljari fyrir myndir Hladdu inn mynd og smelltu á pixil til að fá lit hans sem HEX, RGB, HSL, HSV og CMYK. Stækkunargler, meðaltal og listi yfir valda liti, allt í vafranum.
• Litblinduhermir Ókeypis litblinduhermir. Sjáðu hvaða mynd sem er með protanopiu, deuteranopiu, tritanopiu, vægari gerðum eða achromatopsiu, hlið við hlið eða með sleða.
• Ljósari og dekkri litir Búðu til ljósari og dekkri tóna hvaða lits sem er í 5, 10, 20 eða 25% skrefum, blandaða í OKLCH eða sRGB, og fluttu þá út sem CSS-breytur eða Tailwind.
• Myndhlutfallsreiknivél Reiknaðu myndhlutfall, styttu breidd og hæð, breyttu stærð með sama hlutfalli, berðu saman 16:9, 4:3 og 21:9 og afritaðu CSS aspect-ratio kóðann.
• px í rem umbreytir Umbreyttu px í rem og em með hvaða rót-leturstærð sem er, búðu til umbreytingartöflu og breyttu öllum px-gildum í CSS-bút í rem með einum smelli.