🎨

Handang bumuo ng mga kulay

I-configure ang iyong mga setting sa panel sa kanan at i-click ang "Bumuo ng mga kulay"

Ipakita ang WCAG contrast ratio sa pagitan ng mga kulay
I-simulate kung paano nakikita ang mga kulay ng may kakulangan sa paningin ng kulay

Wala pang kasaysayan. Bumuo ng mga kulay!

Paano ito gumagana

Ang aming random na tagabuo ng kulay ay lumilikha ng mga kulay gamit ang HSL color space para sa tumpak na kontrol sa hue, saturation, at lightness. Pumili mula sa mga iisang kulay, magkatugmang palette, o magagandang gradient. Mag-apply ng mga filter para sa temperatura, saturation, at liwanag. Suriin ang accessibility gamit ang built-in WCAG contrast ratio calculator at color blindness simulator.

Mga karaniwang gamit

🌐

Web design

Bumuo ng mga color scheme para sa mga website, app, at digital interface na may accessible na contrast ratio

📱

UI/UX design

Lumikha ng magkatugmang color palette para sa mga user interface na may WCAG compliance checking

🏷️

Branding at identity

Tumuklas ng mga natatanging kumbinasyon ng kulay para sa mga logo, brand guideline, at marketing material

🎨

Sining at ilustrasyon

Humanap ng nakaka-inspire na color palette para sa digital art, ilustrasyon, at mga creative na proyekto

Mga feature

  • ✅ Mga mode para sa iisang kulay, palette, at gradient
  • ✅ 6 na patakaran sa pagkakatugma ng kulay (komplementaryo, analogo, triadiko, atbp.)
  • ✅ Mga filter para sa temperatura, saturation, at liwanag
  • ✅ WCAG contrast ratio checker (AA/AAA compliance)
  • ✅ Color blindness simulation (protanopia, deuteranopia, tritanopia)
  • ✅ I-lock ang mga kulay at i-regenerate ang iba
  • ✅ I-export bilang CSS variables, JSON, o teksto
  • ✅ HEX, RGB, HSL, at CMYK na format

Ano ang random na tagabuo ng kulay?

Ang random na tagabuo ng kulay ay isang online na tool na lumilikha ng random na mga kulay, color palette, at gradient para sa mga designer, developer, at artist. Ang color scheme generator na ito ay gumagamit ng HSL color space mathematics upang makagawa ng mga kulay na may tumpak na kontrol sa hue, saturation, at lightness, kaya mas mahusay ito kaysa sa mga simpleng random hex generator. Kung kailangan mo ng iisang accent color para sa iyong website, magkatugmang 5-kulay na palette para sa iyong brand identity, o magandang gradient para sa iyong UI background, ang color palette generator na ito ay nagbibigay ng propesyonal na resulta agad-agad. Ang mga designer ay umaasa sa tool na ito para sa mabilis na prototyping, ginagamit ito ng mga developer para sa pagbuo ng theme color, at nakakahanap ng inspirasyon ang mga artist para sa kanilang mga creative na proyekto.

Gumagana ang color generator sa pamamagitan ng pagbuo ng mga kulay sa HSL (Hue, Saturation, Lightness) color space at pag-convert nito sa maraming output format kabilang ang HEX code para sa web development, RGB value para sa digital design, HSL para sa CSS styling, at CMYK approximation para sa print preparation. Maaari kang bumuo ng mga kulay sa tatlong mode: Single Color para sa mabilis na pagpili ng kulay, Palette mode para sa paglikha ng 2-10 magkatugmang kulay, at Gradient mode para sa pagbuo ng magagandang color transition na may handang gamitin na CSS code. Tinitiyak ng harmony system ang mga aesthetically pleasing na kumbinasyon gamit ang mga patakaran ng color theory — ang mga komplementaryong kulay ay magkaharap sa color wheel para sa maximum na contrast, ang mga analogong kulay ay magkatabi para sa maayos na transition, ang mga triadikong kulay ay bumubuo ng equilateral triangle para sa makulay na pagkakaiba-iba, at ang split-komplementaryo ay nagbibigay ng contrast na may mas kaunting tension kaysa sa buong komplementaryong scheme.

Ang nagpapaiba sa color generator na ito mula sa mga kakumpitensya ay ang built-in na accessibility toolset. Ang WCAG contrast ratio checker ay kinakalkula ang contrast sa pagitan ng anumang dalawang nabuong kulay at ipinapakita kung natutugunan nito ang WCAG 2.0 AA (4.5:1 para sa normal na teksto, 3:1 para sa malaking teksto) at AAA (7:1 para sa normal na teksto, 4.5:1 para sa malaking teksto) accessibility standard. Mahalaga ito para sa mga web designer na kailangang tiyakin na ang kanilang mga pagpipilian ng kulay ay nababasa ng lahat ng user. Ang color blindness simulator ay nagpapakita kung paano nakikita ang iyong mga nabuong kulay ng mga taong may protanopia (bulag sa pula), deuteranopia (bulag sa berde), at tritanopia (bulag sa asul) na kakulangan sa paningin ng kulay, na tumutulong sa iyo na lumikha ng inclusive na disenyo na gumagana para sa humigit-kumulang 8% ng mga lalaki at 0.5% ng mga babae na may anumang anyo ng kakulangan sa paningin ng kulay.

Ang filtering system ay nagbibigay sa iyo ng detalyadong kontrol sa mga nabuong kulay. Nililimitahan ng temperature filter ang mga kulay sa mainit na tono (pula, orange, dilaw) para sa maalab na disenyo, malamig na tono (asul, berde, lila) para sa kalmadong aesthetic, o neutral na tono para sa balanseng komposisyon. Nagbibigay-daan sa iyo ang saturation filter na bumuo ng pastel na kulay para sa malambot, banayad na disenyo, makulay na kulay para sa matapang na pahayag, malabong tono para sa sopistikadong palette, o neon na kulay para sa eye-catching na mga epekto. Kinokontrol ng brightness filter kung ang mga kulay ay maliwanag para sa magaan na disenyo, katamtaman para sa balanseng interface, o madilim para sa dramatic na tema. Ang lock feature ay nagbibigay-daan sa iyong panatilihin ang mga kulay na gusto mo habang nire-regenerate ang iba, perpekto para sa paunti-unting pagbuo ng palette. I-export ang iyong mga kulay bilang CSS custom property para sa direktang paggamit sa stylesheet, JSON para sa programmatic na paggamit, o plain text para sa dokumentasyon. Sinusubaybayan ng generation history ang lahat ng iyong nakaraang color scheme para mabisita mo muli at magamit muli ang mga paborito mong kumbinasyon.