Generator Warna Analog
Pilih warna dasar dan jarak sudut. Alat ini menampilkan warna dasar beserta satu rona tetangga pada setiap sisi di sudut yang dipilih, tiga warna inti analog klasik, lalu menambahkan dua rona luar pada dua kali sudut tersebut untuk membentuk palet lima warna yang lebih luas. Palet analog termasuk skema warna klasik yang paling selaras karena rona-rona yang berdekatan memiliki nada bawah dominan yang sama. Itulah sebabnya palet ini lazim ditemukan di alam (matahari terbenam, hutan) dan desain editorial.
Cara membangun palet analog
-
1
Pilih warna dasar
Tempel kode hex, triplet RGB, atau nilai HSL. Warna nada tengah yang jenuh memberi set analog paling kaya.
-
2
Pilih sudut offset
30° adalah jarak analog klasik. 15° memberi set lebih rapat, hampir monokromatik; 45° mulai mendekati komplementer terbelah.
-
3
Sesuaikan variasi kecerahan
Opsional, variasikan kecerahan di tiga rona agar palet tidak datar. Mencerahkan dua sisi menciptakan nuansa editorial yang lebih lembut.
-
4
Ekspor warna
Salin hex, RGB, atau HSL. Berguna untuk CSS variables, gaya Figma, atau lembar spesifikasi cetak.
Skema warna klasik vs. analog
| Skema | Hubungan sudut | Karakter |
|---|---|---|
| Monokromatik | 0° (rona sama, L/S berbeda) | Tenang, menyatu |
| Analog | 30° di kedua sisi | Harmonis, alami |
| Komplementer | Berjarak 180° | Kontras tinggi, tegang |
| Komplementer terbelah | Dasar + 2 rona di sisi komplemen | Kontras bernuansa |
| Triadik | Berjarak 120° | Seimbang, hidup |
| Tetradik | Dua pasangan komplementer | Kaya, kompleks |
Contoh palet analog dari alam
- Matahari terbenam: kuning → oranye → merah-oranye (loncatan 30° di sisi hangat).
- Hutan: kuning-hijau → hijau → biru-hijau.
- Laut: biru-hijau → biru → biru-ungu.
- Musim gugur: merah-oranye → oranye → kuning-oranye.
Mendesain dengan set analog
- Pilih satu warna sebagai dominan (60% area permukaan), gunakan yang kedua sebagai aksen (30%), dan yang ketiga sebagai sorotan (10%): aturan “60-30-10”.
- Padukan warna analog dengan netral (putih, hitam, abu-abu hangat) untuk body text dan chrome UI.
- Hindari memakai tiga warna analog dengan saturasi sama untuk blok besar: hasilnya tampak keruh. Variasikan kecerahan atau saturasi antara sisi dan warna dasar.
Ruang warna dan matematika sudut
Offset 30° dihitung di ruang rona HSL atau HSV, yang sama-sama memperlakukan rona sebagai sudut (0-360°). Operasi roda warna di RGB tidak bekerja: Anda harus mengonversi ke HSL, memutar rona, lalu mengonversi balik. Itulah yang dilakukan tool di balik layar. Output dalam ketiga notasi disediakan karena CSS, tool desain, dan alur kerja cetak masing-masing menyukai format berbeda.
Pertanyaan yang Sering Diajukan
Monokromatik memakai satu rona dengan kecerahan dan saturasi berbeda (biru dongker, biru, biru langit). Analog memakai tiga rona berbeda yang bertetangga pada roda warna (biru-hijau, biru, biru-ungu). Analog punya variasi visual lebih banyak.
Warna analog bisa memiliki campuran tinta CMYK yang tumpang tindih sehingga kontras berkurang di mesin cetak. Periksa versi pratinjau warna di layar (soft-proof) dan pertimbangkan menaikkan jarak dari 30° ke 40° untuk pekerjaan cetak.
Ya, tetapi pertahankan satu dari tiga warna sebagai warna merek yang dominan dan tempatkan dua lainnya sebagai pendukung (lencana, aksen). Memakai ketiganya untuk aksi antarmuka utama menyebabkan kebingungan: pengguna belajar mengasosiasikan satu warna dengan ajakan bertindak utama.
Tiga warna di tengah membentuk skema analog klasik: rona dasar dan dua tetangganya pada sudut yang dipilih. Dua warna terluar berada pada dua kali sudut tersebut dan merupakan pilihan tambahan untuk memperluas palet. Dengan jarak bawaan 30°, tiga warna inti berada di ±30° dan pasangan terluar di ±60°.
Alat Terkait
Penghitung FPS
Ukur FPS browser dengan requestAnimationFrame: penghalusan, frame rate minimum dan maksimum, ambang peringatan, dan grafik opsional. Berjalan lokal, tanpa unggahan dan tanpa API.
Konverter Biner ke Oktal
Konversi biner ke oktal dengan mengelompokkan bit tiga per tiga. Berguna untuk izin Unix, sistem lama, dan tampilan angka ringkas.
Konverter Base64 ke Hex
Konversi string Base64 menjadi byte dasarnya yang dinyatakan dalam heksadesimal (hex). Berguna untuk memeriksa token, kunci, sertifikat, dan JWT.
Konverter ASCII ke Hex
Konversi teks ASCII menjadi nilai byte hexadecimal. Output memakai dua digit hex per karakter, siap untuk memory dump, packet trace, atau tabel firmware.
Konverter ASCII ke Biner
Konversi string ASCII apa pun ke representasi binernya. Setiap karakter menjadi delapan bit, dipisahkan spasi, siap ditempel ke jejak protokol atau tugas sekolah.
Konverter Biner ke ASCII
Tempel data biner (bita dipisah spasi atau aliran bit panjang) dan dapatkan teks ASCII yang diwakilinya. Mendukung pengodean 7-bit dan 8-bit.