Color palette generator
Gumawa ng color palette
Tumatakbo sa iyong browser · Walang upload
Nasa Ingles pa sa ngayon ang tool na ito at ang mga tagubilin sa pahinang ito. Pareho itong gumagana: lahat ay tumatakbo sa iyong browser.
Select a color's code to copy it. Lock colors you like, then press Random palette (or the space bar) to change only the others.
Masyadong luma ang iyong browser para patakbuhin ang tool na ito. Paki-update ito, o gumamit ng kasalukuyang bersyon ng Chrome, Edge, Firefox o Safari.
- Walang umaalis sa iyong device
- Walang limitasyon sa laki mula sa server
- Walang sign-up, walang watermark
- Libre
How to make a color palette
- Pick a base color and a rule, such as complementary or triadic.
- Or press Random palette, locking colors you want to keep.
- Copy the hex codes, export CSS or SCSS, or download a PNG.
The rules
| Rule | What it gives |
|---|---|
| Analogous | Neighboring hues: calm and harmonious |
| Complementary | Opposite hues: strong contrast |
| Split complementary | One hue and the two beside its opposite: contrast with less tension |
| Triadic | Three hues evenly spaced: lively and balanced |
| Tetradic | Four hues: rich, best with one leading color |
| Shades | One hue from dark to light: simple and consistent |
Mga madalas itanong
Is the text on my palette readable?
Each swatch shows its code in black or white, whichever contrasts more. For text colors, check pairs with the Contrast Checker.
Is anything sent anywhere?
No. The calculation happens in your browser, and your colors never leaves your device.