Disenyo at Kulay
Mga picker, palette, gradient, at contrast checker.
Color Picker at Converter
Pumili ng kulay at i-convert sa HEX, RGB, HSL, at OKLCH.
Bago Color Contrast Checker
Suriin ang WCAG AA/AAA na contrast ratio sa pagitan ng teksto at kulay ng background.
Bago CSS Gradient Generator
Bumuo ng linear, radial at conic na CSS gradient na may live na preview.
Bago CSS Box-Shadow Generator
Bumuo ng multi-layer na CSS box-shadow na may mga preset at live preview. Kopyahin ang CSS, value, o React style nang agaran.
Bago Color Palette Generator
Bumuo ng complementary, analogous, triadic at monochromatic na mga palette.
Bago Cubic Bezier Generator
Mag-disenyo ng CSS easing curve sa pamamagitan ng pag-drag ng mga control point, na may live preview.
Bago Border Radius Generator
Biswal na gumawa ng mga CSS rounded corner at organic na blob shape.
Bago CSS Flexbox Playground
I-adjust ang mga flex property na may live preview at kopyahin ang CSS.
Bago CSS Grid Playground
I-adjust ang mga grid column, gap at alignment na may live preview at CSS.
Bago Glassmorphism Generator
Mag-disenyo ng frosted-glass card at kopyahin ang CSS, na may live preview.
Bago CSS Text-Shadow Generator
I-tune ang CSS text shadow na may live preview at kopyahin ang code.
Bago Color Mixer
Pagsamahin ang dalawang kulay sa anumang ratio at kopyahin ang resulta o anumang hakbang.
Bago Tagapili ng Kulay mula sa Larawan
Pumili ng anumang kulay mula sa larawan at kunin ang dominanteng palette nito bilang HEX, RGB at HSL.
Bago Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
Bago Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.