← టూల్స్
డిజైన్ & CSS
రంగులు, ప్రతిస్పందించే పరిమాణం మరియు ఉత్పత్తి సిద్ధంగా CSS సృష్టించండి.
రంగు & యాక్సెసిబిలిటీ
- కలర్ కన్వర్టర్HEX, RGB, HSL, HSV, CMYK మరియు LAB మధ్య రంగులను మార్చండి — ఏదైనా ఫీల్డ్ని ఎడిట్ చేయండి మరియు మిగిలినవి వెంటనే అప్డేట్ అవుతాయి.ప్రత్యేక పేజీలు (8)
- కాంట్రాస్ట్ చెకర్WCAG కాంట్రాస్ట్ నిష్పత్తిని మరియు ఏ AA, AAA స్థాయిలు పాస్ అవుతాయో చూడటానికి టెక్స్ట్ మరియు బ్యాక్గ్రౌండ్ రంగును నమోదు చేయండి.
CSS లేఅవుట్ & ఎఫెక్ట్స్
- Box Shadow జనరేటర్బాక్స్-షాడోను రూపొందించడానికి స్లైడర్లను లాగండి, లోతు కోసం లేయర్లను పేర్చండి మరియు పూర్తయిన CSSని తక్షణమే కాపీ చేయండి.
- Gradient జనరేటర్లీనియర్, రేడియల్ లేదా కోనిక్ గ్రేడియంట్ను రూపొందించండి, కలర్ స్టాప్లను జోడించి దిశను సెట్ చేయండి, ఆపై ఒకే క్లిక్తో CSSని కాపీ చేయండి.
- Border Radius జనరేటర్స్లైడర్లతో ప్రతి మూలను గుండ్రంగా మార్చండి, దీర్ఘవృత్తాకార మోడ్తో సహజమైన బ్లాబ్లను రూపొందించండి మరియు CSSని తక్షణమే కాపీ చేయండి.
- Flexbox జనరేటర్విజువల్ కంట్రోల్స్తో ఫ్లెక్స్ కంటైనర్ మరియు దాని ఐటమ్లను సెట్ చేయండి, లేఅవుట్ లైవ్గా మారడాన్ని చూడండి మరియు ఒకే క్లిక్తో CSSని కాపీ చేయండి.
- CSS Grid జనరేటర్మీ కాలమ్లు మరియు రోస్లను సెట్ చేయండి, ఐటమ్లను ఉంచడానికి సెల్లపై లాగండి మరియు ఒకే క్లిక్తో సరిపోయే HTMLతో పాటు గ్రిడ్ CSSని కాపీ చేయండి.
- CSS Cubic Bezier జనరేటర్ఈసింగ్ కర్వ్ను రూపొందించడానికి రెండు హ్యాండిల్లను లాగండి, స్థిరమైన చలనంతో పోల్చి చూడండి మరియు cubic-bezier() విలువను కాపీ చేయండి.
- CSS clamp() క్యాలిక్యులేటర్చిన్న మరియు పెద్ద స్క్రీన్ల కోసం ఒక పరిమాణాన్ని నమోదు చేయండి మరియు వాటి మధ్య సజావుగా స్కేల్ అయ్యే ఫ్లూయిడ్ clamp() విలువను పొందండి — ఫాంట్ సైజ్లు, ప్యాడింగ్, మార్జిన్లు లేదా గ్యాప్ల కోసం.
ఫాంట్ తనిఖీ & లైసెన్సింగ్
స్క్రీన్, ప్రింట్ & ప్రొపోర్షన్
- పిక్సెల్ / DPI కన్వర్టర్ఏదైనా DPI/PPI వద్ద పిక్సెల్లను అంగుళాలు, cm మరియు mm లలోకి మార్చండి — స్క్రీన్ డిజైన్ మరియు ప్రింట్ పనుల కోసం ఉపయోగపడుతుంది.
- స్క్రీన్ PPI కాలిక్యులేటర్పిక్సెల్ సాంద్రత, డాట్ పిచ్, భౌతిక కొలతలు మరియు మరిన్ని వివరాలను పొందడానికి రిజల్యూషన్ మరియు స్క్రీన్ పరిమాణాన్ని నమోదు చేయండి.
- px నుండి rem & em కన్వర్టర్మీ స్వంత రూట్ మరియు కాంటెక్స్ట్ ఫాంట్ సైజ్లను ఉపయోగించి px, rem మరియు em మధ్య మార్చండి — ఏదైనా ఫీల్డ్ని ఎడిట్ చేయండి మరియు మీరు టైప్ చేస్తున్నప్పుడు మిగిలిన రెండు అప్డేట్ అవుతాయి.
ఈ వర్గంలో సరిపోలే సాధనాలు లేవు.