Generator Palet Warna
Berjalan secara lokal di browser AndaBuat palet harmoni yang dapat dikunci, skala tonal OKLCH, dan token desain
Menerima HEX dengan alpha, RGB, HSL, OKLCH dan nama warna CSS.
Warna Palet
Dipetakan ke sRGB dengan mengurangi kroma.
Inspektor & Token
Periksa
Warna 1
- HEX
- #6366F1
- RGB
- rgb(99 102 241)
- HSL
- hsl(238.732 83.529% 66.667%)
- OKLCH
- oklch(58.54% 0.2041 277.117)
Tint
#767FF5#8B96F8#A1ADFA#B9C2FC#D1D8FD
Shade
#5154C6#40439D#303376#202351#12142E
Kontras
Rasio menilai pasangan warna, bukan sertifikasi halaman. Teks normal AA 4,5:1 dan AAA 7:1. Pasangan transparan dikomposisikan pada latar.
| Latar Depan \ Latar Belakang | 1 | 2 | 3 | 4 | 5 |
|---|---|---|---|---|---|
1 #6366F1 | 1.00 Gagal | 1.18 Gagal | 1.23 Gagal | 1.42 Gagal | 1.49 Gagal |
2 #3C69C0 | 1.18 Gagal | 1.00 Gagal | 1.45 Gagal | 1.20 Gagal | 1.76 Gagal |
3 #8F72EA | 1.23 Gagal | 1.45 Gagal | 1.00 Gagal | 1.74 Gagal | 1.22 Gagal |
4 #0063A3 | 1.42 Gagal | 1.20 Gagal | 1.74 Gagal | 1.00 Gagal | 2.11 Gagal |
5 #B27FE0 | 1.49 Gagal | 1.76 Gagal | 1.22 Gagal | 2.11 Gagal | 1.00 Gagal |
Ekspor
Warna dalam Ekspor: 5 (Palet Biasa)
:root {
--primary-1: #6366F1;
--primary-2: #3C69C0;
--primary-3: #8F72EA;
--primary-4: #0063A3;
--primary-5: #B27FE0;
}Impor
Tempel CSS/SCSS, konfigurasi JSON Tailwind v3, token JSON, array, atau daftar warna dengan koma/baris baru. Impor 11 tonal harus urut dari terang ke gelap.
Integrasi
Pilihan gradien: 0 / 6
Pilih 2–6 warna sesuai urutan. Warna tidak dipotong diam-diam.
Pembuatan, kontras, dan ekspor berjalan lokal. Warna tidak diunggah.
Generator Palet Warna
Buat sistem warna yang dapat diedit dan dikunci dengan tonal OKLCH serta token desain siap pakai.
Opsi
Pilih warna awal atau mode acak, edit warna dan kunci yang ingin dipertahankan sebelum Acak Ulang. Harmoni memakai offset hue perseptual; kunci manual dapat mengubahnya. Skala Tonal menjaga palet biasa dan membuat tepat 50–950. Target kecerahan tetap tidak harus menempatkan warna awal di 500. Periksa tint/shade, empat format dan kontras, lalu salin atau unduh lima format token.
Kontras
Alpha dipertahankan; kontras mengomposisikan latar lalu depan pada latar opaque. Hasil menilai pasangan, bukan sertifikasi aksesibilitas. Impor 11 tonal harus turun kecerahannya. Data warna tetap lokal; penyimpanan opsional. Pilih 2–6 warna untuk mengirim gradien sesuai locale. Reset dan impor dapat diurungkan.
