வடிவமைப்பு & வண்ணம்
பிக்கர்கள், palettes, gradients மற்றும் கான்ட்ராஸ்ட் சரிபார்ப்பிகள்.
வண்ண பிக்கர் & மாற்றி
ஒரு வண்ணத்தைத் தேர்ந்தெடுத்து HEX, RGB, HSL மற்றும் OKLCH முழுவதும் மாற்றவும்.
புதியது வண்ண கான்ட்ராஸ்ட் சரிபார்ப்பி
உரை மற்றும் பின்னணி வண்ணங்களுக்கிடையே WCAG AA/AAA கான்ட்ராஸ்ட் விகிதங்களை சரிபார்க்கவும்.
புதியது CSS Gradient உருவாக்கி
நேரடி முன்னோட்டத்துடன் linear, radial மற்றும் conic CSS gradients உருவாக்கவும்.
புதியது CSS Box-Shadow உருவாக்கி
presets மற்றும் நேரடி முன்னோட்டத்துடன் பல-அடுக்கு CSS box-shadows உருவாக்கவும். CSS, மதிப்பு அல்லது React style ஐ உடனடியாக நகலெடுக்கவும்.
புதியது வண்ண Palette உருவாக்கி
complementary, analogous, triadic மற்றும் monochromatic palettes உருவாக்கவும்.
புதியது Cubic Bezier உருவாக்கி
control points இழுத்து CSS easing curve வடிவமைக்கவும், நேரடி முன்னோட்டத்துடன்.
புதியது Border Radius உருவாக்கி
CSS வட்டமான மூலைகள் மற்றும் organic blob வடிவங்களை காட்சிரீதியாக வடிவமைக்கவும்.
புதியது CSS Flexbox Playground
நேரடி முன்னோட்டத்துடன் flex properties சரிசெய்து CSS நகலெடுக்கவும்.
புதியது CSS Grid Playground
நேரடி முன்னோட்டம் மற்றும் CSS உடன் grid நெடுவரிசைகள், இடைவெளி மற்றும் சீரமைப்பை சரிசெய்யவும்.
புதியது Glassmorphism உருவாக்கி
frosted-glass card வடிவமைத்து CSS நகலெடுக்கவும், நேரடி முன்னோட்டத்துடன்.
புதியது CSS Text-Shadow உருவாக்கி
நேரடி முன்னோட்டத்துடன் CSS text shadow சரிசெய்து கோடை நகலெடுக்கவும்.
புதியது வண்ண கலவை
இரண்டு வண்ணங்களை எந்த விகிதத்திலும் கலந்து முடிவை அல்லது எந்த படியையும் நகலெடுக்கவும்.
புதியது பட வண்ணத் தேர்வி
படத்திலிருந்து எந்த வண்ணத்தையும் தேர்ந்தெடுத்து, அதன் முதன்மை வண்ணத் தொகுப்பை HEX, RGB மற்றும் HSL ஆகப் பெறவும்.
புதியது Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
புதியது Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.