Kulay at Disenyo

Pumili, mag-convert, at maghalo ng mga kulay, at gumawa ng CSS para sa disenyo mo.

• Aspect Ratio Calculator Aspect ratio calculator para pasimplehin ang lapad at taas, mag-resize nang hindi nasisira ang proporsyon, at kopyahin ang CSS aspect-ratio code.
• Border Radius Generator Hubugin ang CSS border-radius gamit ang mga draggable na tuldok. Itakda ang bawat sulok sa px o %, gumawa ng blob shape at kopyahin ang code.
• Box Shadow Generator Gumawa ng patong-patong na CSS box shadow na may live na preview. Itakda ang offset, blur, spread, kulay at inset, at kopyahin ang code.
• Clip-Path Generator Gumuhit ng mga CSS clip-path na hugis gamit ang mga draggable na punto. Mag-edit ng polygon, bilog at ellipse, gumamit ng preset, at kopyahin ang code.
• Color Blindness Simulator Libreng color blindness simulator. Tingnan ang anumang larawan sa protanopia, deuteranopia, tritanopia, mas banayad na uri o achromatopsia.
• Color Converter I-convert ang anumang kulay sa pagitan ng HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH at OKLCH. I-paste ang code, tingnan ang kulay at kopyahin ang bawat format.
• Color Name Finder Hanapin ang pangalan ng anumang kulay. Maglagay ng HEX o RGB code para makuha ang 5 pinakamalapit na pangalan mula sa mahigit 30,000 kulay.
• Color Palette Generator Gumawa ng color palette mula sa isang base na kulay gamit ang color harmony: complementary, analogous, triadic, tetradic, square at monochromatic.
• Color Picker Libreng online color picker. Pumili ng kahit anong kulay at agad na kopyahin ang HEX, RGB, HSL, HSV at CMYK code, kasama ang contrast sa puti at itim.
• Contrast Checker Libreng WCAG contrast checker. Ilagay ang kulay ng text at background para makuha ang contrast ratio, resulta sa AA/AAA at pinakamalapit na pasadong kulay.
• CSS Gradient Generator Gumawa ng linear, radial at conic na CSS gradient na may live na preview. Magdagdag at mag-drag ng color stop, itakda ang anggulo at kopyahin ang code.
• Cubic-Bezier Editor Magdisenyo ng CSS easing curve gamit ang draggable na cubic-bezier editor, ihambing sa linear sa live na animation, at kopyahin ang cubic-bezier() o linear().
• Flexbox at Grid Playground Bumuo ng flexbox at CSS grid layout nang biswal. Itakda ang property ng container at item, pangalanan ang grid area, at kopyahin ang malinis na CSS at HTML.
• Font Pairing Previewer I-preview ang mga pares ng font para sa heading at body gamit ang 20 open-license na font, ayusin ang laki at line height, at kopyahin ang CSS font-family.
• Font Subsetter I-subset ang font sa mga karakter na kailangan mo gamit ang HarfBuzz sa iyong browser. Kumuha ng mas maliit na TTF/OTF at WOFF, preview at @font-face rule.
• Image Color Picker Mag-upload ng larawan at i-click ang anumang pixel para makuha ang kulay bilang HEX, RGB, HSL, HSV at CMYK. May zoom loupe at listahan ng mga napiling kulay.
• Palette from Image Kumuha ng color palette mula sa anumang larawan. Mag-upload ng litrato at makuha ang mga pangunahing kulay bilang HEX code kasama ang bahagi nila sa larawan.
• PX to REM Converter I-convert ang px sa rem at em gamit ang anumang root font size, gumawa ng bulk conversion table at gawing rem ang bawat px ng CSS snippet sa isang click.
• Tints and Shades Generator Gumawa ng mga tint at shade ng anumang kulay sa hakbang na 5, 10, 20 o 25 %, hinaluan sa OKLCH o sRGB, at i-export bilang CSS variable o Tailwind config.