Színek és dizájn

Válassz, váltsd át és keverd a színeket, és generálj CSS-t a projektjeidhez.

• Betűtípus-párosító Próbáld ki a címsor és a törzsszöveg betűtípus-párosítását 20 nyílt licencű betűtípussal, állítsd a méretet és a sormagasságot, és másold a CSS-kódot.
• Betűtípus-részhalmaz készítő Készíts betűtípusból részhalmazt a szükséges karakterekkel a böngésződben. Kisebb TTF/OTF és WOFF, előnézet és @font-face szabály unicode-range-gel.
• CSS border-radius generátor Formázd a CSS border-radiust vizuálisan, húzható pontokkal. Állítsd be az egyes sarkokat px-ben vagy %-ban, készíts foltformákat, és másold ki a kódot.
• CSS box-shadow generátor Tervezz rétegzett CSS box-shadow árnyékokat élő előnézettel. Állítsd az eltolást, elmosást és színt, próbáld ki a neumorfizmust, és másold a kódot.
• CSS clip-path generátor Rajzolj CSS clip-path alakzatokat húzható pontokkal. Szerkessz sokszögeket, köröket, ellipsziseket, indulj csillag- és nyílsablonokból, és másold ki a kódot.
• CSS színátmenet-generátor Készíts lineáris, radiális és kúpos CSS színátmeneteket élő előnézettel. Adj hozzá és húzz színmegállókat, állítsd a szöget, és másold ki a tiszta CSS-kódot.
• Cubic-bezier szerkesztő Tervezz CSS easing görbéket húzható cubic-bezier szerkesztővel, hasonlítsd össze a lineárissal élő animációban, és másold a cubic-bezier() vagy linear() kódot.
• Flexbox és Grid játszótér Építs flexbox és CSS grid elrendezéseket vizuálisan. Állítsd a tároló és az elemek tulajdonságait, nevezz el rácsterületeket, és másold a CSS- és HTML-kódot.
• Kontrasztellenőrző Ingyenes WCAG kontrasztellenőrző. Add meg a szöveg és a háttér színét, és megkapod a kontrasztarányt, az AA/AAA eredményt és a legközelebbi megfelelő színt.
• Képarány-számító Képarány-számító: egyszerűsítsd a méreteket, méretezz át az arány megtartásával, hasonlítsd össze a 16:9, 4:3, 21:9 méreteket, másold a CSS-kódot.
• PX–REM átváltó Váltsd át a px-et rem-re és em-re bármilyen gyökér betűmérettel, készíts tömeges táblázatot, és alakítsd át egy CSS-részlet px értékeit rem-re.
• Színkód-konvertáló Konvertálj bármilyen színt HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH és OKLCH között. Illeszd be a kódot, nézd meg a színt, és másold ki az összes formátumot.
• Színnévkereső Találd meg bármely szín nevét. Add meg a HEX- vagy RGB-kódot, és megkapod az 5 legközelebbi nevet 30 000 elnevezett színből és a CSS-színnevet.
• Színpaletta képből Nyerj ki színpalettát bármilyen képből. Tölts be egy fotót, és megkapod a domináns színeit HEX-kódként a kép arányával, másolásra vagy exportálásra készen.
• Színpaletta-generátor Készíts színpalettát egyetlen alapszínből a színharmónia szabályaival: komplementer, analóg, triád, tetrád, négyzet, monokróm. Exportálás CSS-be.
• Színtévesztés-szimulátor Ingyenes színtévesztés-szimulátor. Nézz meg bármilyen képet protanópiával, deuteranópiával, tritanópiával, enyhébb formáikkal vagy akromatópsiával.
• Színválasztó Ingyenes online színválasztó. Válassz bármilyen színt, és azonnal másold a HEX, RGB, HSL, HSV és CMYK kódját a fehérrel és feketével mért kontraszttal.
• Színválasztó képből Tölts be egy képet, és kattints bármelyik képpontra: megkapod a színét HEX, RGB, HSL, HSV és CMYK formában. Nagyító és átlagolás a böngésződben.
• Világosabb és sötétebb árnyalatok generátora Generáld bármely szín világosabb és sötétebb árnyalatait 5, 10, 20 vagy 25%-os lépésekben OKLCH vagy sRGB keveréssel, és exportáld CSS-be vagy Tailwindbe.