Spalvos ir dizainas

Rinkis, konvertuok ir derink spalvas bei generuok CSS savo projektams.

• Atspalvių ir tonų generatorius Generuok šviesesnius ir tamsesnius bet kurios spalvos atspalvius 5–25 % žingsniais OKLCH ar sRGB erdvėje ir eksportuok kaip CSS kintamuosius ar Tailwind.
• Border radius generatorius Suformuok CSS border-radius vaizdžiai, tempdamas taškus. Nustatyk kiekvieną kampą px ar %, naudok 8 reikšmių sintaksę, kurk dėmių formas ir nukopijuok kodą.
• Box shadow generatorius Kurk sluoksniuotus CSS box-shadow šešėlius su gyva peržiūra. Nustatyk poslinkį, suliejimą, spalvą, nepermatomumą ir inset, išbandyk šablonus ir nukopijuok kodą.
• Clip-path generatorius Nubrėžk CSS clip-path formas tempdamas taškus. Redaguok daugiakampius, apskritimus, elipses ir inset, pradėk nuo šablonų, pvz., žvaigždžių, ir nukopijuok kodą.
• CSS gradiento generatorius Kurk tiesinius, radialinius ir kūginius CSS gradientus su gyva peržiūra. Pridėk ir tempk spalvų taškus, nustatyk kampą ir nukopijuok CSS kodą.
• Cubic-bezier redaktorius Kurk CSS easing kreives tempiamu cubic-bezier redaktoriumi, lygink jas su linear gyvoje animacijoje ir nukopijuok cubic-bezier() arba linear() versiją.
• Flexbox ir Grid žaidimų aikštelė Kurk flexbox ir CSS grid maketus vaizdžiai. Nustatyk konteinerio ir elementų savybes, pavadink grid sritis, matyk rezultatą gyvai ir kopijuok CSS bei HTML.
• Kontrasto tikrintuvas Nemokamas WCAG kontrasto tikrintuvas. Įvesk teksto ir fono spalvą ir gausi kontrasto santykį, AA/AAA rezultatus bei artimiausią tinkamą spalvą.
• Kraštinių santykio skaičiuoklė Kraštinių santykio skaičiuoklė: supaprastink plotį ir aukštį, keisk dydį išlaikant proporcijas, palygink 16:9, 4:3, 21:9 ir gauk CSS aspect-ratio kodą.
• Paletė iš paveikslėlio Išgauk spalvų paletę iš paveikslėlio: pasirink nuotrauką ir gausi dominuojančias spalvas kaip HEX kodus su jų dalimi, paruoštas kopijuoti ar eksportuoti.
• PX į REM keitiklis Konvertuok px į rem ir em su bet kuriuo šakniniu šrifto dydžiu, sudaryk masinę lentelę ir vienu spustelėjimu paversk CSS fragmento px reikšmes į rem.
• Spalvos pavadinimo paieška Sužinok spalvos pavadinimą: įvesk HEX ar RGB kodą ir gausi 5 artimiausius pavadinimus iš daugiau nei 30 000 spalvų bei artimiausią CSS spalvos vardą.
• Spalvų aklumo simuliatorius Nemokamas spalvų aklumo simuliatorius: pamatyk paveikslėlį su protanopija, deuteranopija, tritanopija ar achromatopsija greta arba su slankikliu.
• Spalvų keitiklis Konvertuok spalvą tarp HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH ir OKLCH. Įklijuok kodą, pamatyk spalvą ir vienu spustelėjimu nukopijuok bet kurį formatą.
• Spalvų paletės generatorius Generuok spalvų paletes iš vienos spalvos pagal derinimo taisykles: komplementinę, analoginę, triadą, tetradą, kvadratą ir monochrominę paletę.
• Spalvų rinkiklis Nemokamas spalvų rinkiklis: pasirink spalvą ir iškart nukopijuok jos HEX, RGB, HSL, HSV bei CMYK kodus su kontrasto santykiais ant baltos ir juodos.
• Spalvų rinkiklis iš paveikslėlio Pasirink paveikslėlį ir spustelėk pikselį, kad gautum jo spalvą kaip HEX, RGB, HSL, HSV ir CMYK. Didinamasis stiklas ir vidurkis tavo naršyklėje.
• Šriftų derinimo peržiūra Peržiūrėk antraščių ir teksto šriftų poras su 20 atvirosios licencijos šriftų, keisk dydį ir eilutės aukštį bei nukopijuok CSS font-family rinkinius.
• Šriftų poaibių kūrimas Sukurk šrifto poaibį tik reikalingiems ženklams su HarfBuzz savo naršyklėje. Gauk mažesnį TTF/OTF ir WOFF, peržiūrą bei @font-face taisyklę su unicode-range.