Tervezés és CSS

Színek és akadálymentesítés

SzínkonvertálóKonvertáljon színeket HEX, RGB, HSL, HSV, CMYK és LAB formátumok között – szerkesszen bármely mezőt, és a többi automatikusan frissül.Speciális oldalak (8)
KontrasztellenőrzőAdja meg a szöveg és a háttér színét a WCAG kontrasztarány, valamint az AA és AAA szintek ellenőrzéséhez.

Box Shadow generátorHúzza a csúszkákat a box-shadow alakításához, halmozzon fel rétegeket a mélységért, és másolja ki azonnal a kész CSS-kódot.
Színátmenet generátorHozzon létre lineáris, radiális vagy kúpos színátmenetet, adjon hozzá színpontokat, állítsa be az irányt, és másolja ki a CSS-t egyetlen kattintással.
Border Radius generátorKerekítse le a sarkokat csúszkákkal, hozzon létre organikus amőba alakzatokat az elliptikus móddal, és másolja ki azonnal a CSS-kódot.
Flexbox generátorÁllítson be egy flex konténert és elemeit vizuális vezérlőkkel, kövesse az elrendezés élő változását, és másolja ki a CSS-t egyetlen kattintással.
CSS Grid generátorÁllítsa be az oszlopokat és sorokat, húzza végig a kurzort a cellákon az elemek elhelyezéséhez, és másolja ki a grid CSS-t a hozzá tartozó HTML-lel egyetlen kattintással.
CSS Cubic Bezier generátorHúzza a két fogantyút az átmeneti görbe formálásához, figyelje a pont mozgását a lineárissal szemben, és másolja ki a cubic-bezier() értéket.
CSS clamp() kalkulátorAdja meg a kis és nagy képernyőkhöz tartozó méretet, és kapjon egy folyékony clamp() értéket, amely zökkenőmentesen skálázódik a kettő között – betűméretekhez, belső és külső margókhoz vagy résekhez.

Betűtípus-licenc és információ-ellenőrzőNyisson meg egy helyi betűtípusfájlt a beágyazott nevek, licencszövegek és dokumentum-beágyazási jelzők beolvasásához – fájlbeli bizonyítékként, nem pedig a licenc birtoklásának igazolásaként.