Pembuat Palet Warna & Gradien

Membuat skema warna dari satu warna dasar, menghasilkan palet acak, dan membuat gradien untuk disalin sebagai CSS atau disimpan sebagai gambar PNG. Gunakan untuk memilih warna untuk desain, presentasi, atau halaman web.

Cara pakai

1. Di "Palet", pilih "Warna dasar" dan pilih "Skema". Jika Anda menyukainya, tekan "Pakai skema ini sebagai palet".
2. Tekan "Buat (Space)" untuk warna baru; kunci warna yang ingin dipertahankan lalu buat lagi.
3. Ambil warnanya dengan "Salin daftar HEX", "Salin variabel CSS", atau "Simpan sebagai gambar", dan tekan "Simpan palet" untuk menyimpan palet untuk nanti.
4. Di "Gradien", atur "Jenis", "Sudut", dan "Titik warna", lalu salin kode CSS-nya atau tekan "Simpan PNG".

Cara kerja

• Skema memutar rona pada roda warna HSL: komplementer 180°, analog ±30°, triadik 120°, komplementer terpisah 150° dan 210°, persegi dengan langkah 90°.
• Tingkat kontras mengikuti WCAG 2.2: AA memerlukan 4.5:1, AAA 7:1, dan teks besar 3:1.
• "Simulasi penglihatan warna" adalah perkiraan berdasarkan Machado et al. (2009). Simulasi ini hanya mengubah warna di layar, bukan nilai yang disalin atau disimpan.
• Hingga 40 palet yang disimpan tersimpan di browser ini pada perangkat ini.

Pertanyaan umum

Bagaimana cara mencari warna komplementer?

Warna komplementer adalah warna yang tepat berseberangan di roda warna, berjarak 180°. Atur "Skema" ke "Komplementer" untuk melihatnya, lalu ketuk contoh warnanya untuk menyalin nilai HEX-nya.

Bagaimana cara membuat gradien CSS?

Di "Gradien", ketuk bilah untuk menambah titik dan atur warna serta posisinya. Kotak CSS menampilkan kodenya, siap disalin.

Kenapa warna di tengah gradien saya terlihat kusam?

Atur "Ruang interpolasi" ke OKLCH. Warna di tengah tetap lebih cerah, dan CSS-nya juga mendapat baris cadangan untuk browser lama.

Bagaimana cara tahu apakah teks akan terbaca di atas warna ini?

Setiap warna menampilkan rasio kontras dan tingkat dari warna teks yang lebih mudah dibaca, putih atau hitam. Rasionya adalah (L1 + 0.05) ÷ (L2 + 0.05), dengan L1 dan L2 adalah luminans relatif warna yang lebih terang dan yang lebih gelap.