Color Palette Generator
Libreng color palette generator: gumawa ng magkakatugmang palette (analogous, complementary, triadic, atbp.), i-lock ang gustong kulay at i-export sa HEX o CSS.
Iba pa: Palette mula sa Larawan at Color Picker · Color Contrast Checker
Ano ang ginagawa nito
Gumagawa ang generator na ito ng mga color palette para sa mga website, app, presentasyon at disenyo. Pumili ng harmony para bumuo ng mga kulay na bagay sa isa't isa mula sa isang batayang kulay, o pindutin ang space bar para sa random na palette, at i-lock ang mga kulay na gusto mo para ang iba lang ang magbago. Kinukuwenta ang mga kulay sa OKLCH color space, na pinapanatili ang nakikitang liwanag kahit magbago ang hue, kaya balanse ang hitsura ng mga palette. Kopyahin ang mga kulay bilang HEX, CSS variables o JSON, o i-share ang palette gamit ang link.
Paano ito gamitin
- Pumili ng harmony at batayang kulay, o iwanan sa Random.
- Pindutin ang space bar o Gumawa hanggang magustuhan mo ang palette; i-lock ang mga kulay na gusto mong itago.
- I-click ang color code para kopyahin ito, o kopyahin ang buong palette bilang HEX, CSS o JSON.
Mga madalas itanong
Ano ang ibig sabihin ng mga harmony?
Mga klasikong kombinasyon ang mga ito mula sa color wheel. Gumagamit ang analogous ng magkakatabing hue para sa kalmadong hitsura; ang complementary ay gumagamit ng magkasalungat na hue para sa matinding contrast; ang triadic at tetradic ay pantay na nagkakalat ng tatlo o apat na hue; pinapalambot ng split complementary ang complementary na pares; ang monochromatic ay gumagamit ng isang hue sa iba't ibang shade.
Bakit OKLCH at hindi HSL?
Sa HSL, ang dilaw at asul na may parehong lightness value ay mukhang magkaibang-magkaiba ang liwanag. Dinisenyo ang OKLCH ayon sa paningin ng tao, kaya kapag inikot ang hue, nananatiling pantay ang liwanag ng mga kulay. Ito ang dahilan kaya idinagdag ang color space na ito sa CSS.
Puwede ko bang i-check kung madaling basahin ang mga kulay?
Oo: gamitin ang contrast checker para makita kung ang teksto sa isang kulay sa background na ibang kulay ay pumapasa sa mga antas ng accessibility ng WCAG.