Generator Warna Monokromatik
Buat palet monokromatik dari satu warna dasar dengan Generator Warna Monokromatik ini. Masukkan kode hex 3 atau 6 digit, lalu alat ini mempertahankan rona dan saturasinya sambil mengubah kecerahan sebesar 30 dan 15 poin ke setiap arah, dalam rentang 10 hingga 90 persen. Hasilnya adalah lima rona gelap dan terang dalam kode hex, dengan warna dasar di tengah. Ideal bagi desainer dan developer yang membuat skala warna UI dan tema yang tenang serta konsisten.
Pertanyaan yang sering diajukan
Apa yang dihasilkan Generator Warna Monokromatik?
Alat ini menghasilkan lima warna sebagai kode hex enam digit huruf kecil. Warna 3 adalah warna dasar Anda, Warna 1 dan 2 adalah versi lebih gelap, sedangkan Warna 4 dan 5 adalah versi lebih terang dari rona yang sama.
Bagaimana rona gelap dihitung?
Alat ini mengonversi kode hex Anda ke HSL dan hanya mengubah kecerahan: dikurangi 30, dikurangi 15, ditambah 15, dan ditambah 30 poin persentase. Rona dan saturasi tetap sama, sehingga kelima warna termasuk dalam satu keluarga warna.
Apakah ada batas bawah atau atas untuk kecerahan?
Ya. Tingkat yang lebih gelap tidak pernah di bawah kecerahan 10 persen dan tingkat yang lebih terang tidak pernah di atas 90 persen, sehingga skala ini menghindari hitam dan putih murni.
Mengapa saya mendapat warna duplikat atau tak terduga untuk warna dasar yang sangat gelap atau sangat terang?
Karena batas 10 dan 90 persen, tingkat yang mendekati ujung akan menyatu pada nilai yang sama. Untuk #000000, kedua tingkat yang lebih gelap menjadi #1a1a1a, yang lebih terang daripada warna dasarnya; sedangkan untuk #ffffff, kedua tingkat yang lebih terang menjadi #e6e6e6.
Palet apa yang dihasilkan warna merah murni?
Untuk #ff0000, alat ini menghasilkan #660000, #b30000, #ff0000, #ff4d4d, dan #ff9999. Merah berada pada kecerahan 50 persen, sehingga memperoleh rentang penuh dua tingkat lebih gelap dan dua tingkat lebih terang.
Format warna apa yang bisa saya masukkan?
Masukkan satu kode hex 3 atau 6 digit, dengan atau tanpa #, misalnya #3366cc atau 36c. Notasi RGB dan HSL serta nama warna tidak diterima, jadi konversikan ke hex terlebih dahulu.
Mengapa warna dasar saya kembali sedikit berubah?
Rona, saturasi, dan kecerahan dibulatkan ke bilangan bulat, sehingga konversi ke HSL lalu kembali dapat menggeser satu kanal satu tingkat. Misalnya, #ff5733 muncul sebagai #ff5833 di tengah skala.
Apakah alat ini berfungsi untuk warna abu-abu?
Ya. Tidak seperti skema berbasis rona, skala monokromatik mengubah kecerahan, sehingga warna abu-abu menghasilkan warna abu-abu yang lebih terang dan lebih gelap. Hitam dan putih dibatasi oleh rentang 10 hingga 90 persen yang dijelaskan di atas.
Bagaimana cara menggunakan palet monokromatik dalam antarmuka?
Gunakan warna tergelap untuk teks dan batas, warna dasar untuk tindakan utama, serta warna paling terang untuk latar belakang dan status hover. Periksa kontras teks dengan pemeriksa kontras WCAG karena jarak kecerahan antar tingkat hanya 15 poin.
Apakah hasilnya sama dengan Generator Palet Warna?
Ya. Alat ini menjalankan opsi Monokromatik yang persis sama dengan di Generator Palet Warna, sehingga kedua alat menghasilkan lima kode hex yang sama untuk warna dasar yang sama.