Penjana palet warna
Buat palet warna
Berjalan dalam pelayar anda · Tiada muat naik
Alat ini dan arahan di halaman ini dalam bahasa Inggeris buat masa ini. Ia berfungsi dengan cara yang sama: semuanya berjalan dalam pelayar anda.
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.
Pelayar anda terlalu lama untuk menjalankan alat ini. Sila kemas kininya, atau gunakan versi semasa Chrome, Edge, Firefox atau Safari.
- Tiada apa-apa meninggalkan peranti anda
- Tiada had saiz daripada pelayan
- Tiada pendaftaran, tiada tera air
- Percuma
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 |
Soalan lazim
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.