Pemilih warna
Periksa kontras WCAG, buat gradien CSS, dan hasilkan palet warna.
Hanya perlu memilih warna atau mengonversi HEX ↔ RGB ↔ HSL (dengan penetes)? Gunakan Konverter HEX RGB.
Contoh
Pemeriksaan kontras
Masukan
#1A1A1A di atas #F5F5F5
Keluaran
≈ 16:1 — lulus AA & AAA
Gradien CSS
Masukan
#3B82F6 → #9333EA, 90°
Keluaran
background: linear-gradient(90deg, #3B82F6, #9333EA);
Palet
Masukan
#3B82F6
Keluaran
Gradasi + warna komplementer, analog, triadik
Tentang alat ini
Studio warna online gratis ini menyatukan tiga hal penting: pemeriksa kontras WCAG dengan lulus/gagal AA/AAA dan pratinjau teks langsung; pembuat gradien CSS dengan deklarasi siap salin; dan pembuat palet untuk gradasi serta warna komplementer, analog, dan triadik. Setiap tab punya pemilih warna bawaan, dan semuanya berjalan di browser Anda tanpa unggahan. Untuk konversi murni HEX ↔ RGB ↔ HSL dan penetes layar, gunakan {link}.
Cara pakai
- Kontras: atur warna teks dan latar untuk memeriksa aksesibilitas WCAG.
- Gradien: pilih dua warna dan sudut, lalu salin CSS-nya.
- Palet: masukkan warna dasar dan klik contoh mana pun untuk menyalinnya.
Untuk siapa
Desainer dan pengembang yang memeriksa kepatuhan aksesibilitas, membangun latar CSS, dan membuat palet yang serasi — tanpa berpindah-pindah antar alat terpisah.
Pertanyaan yang sering diajukan
Apa yang bisa dilakukan alat warna ini?
Tiga hal dalam satu tempat: memeriksa kontras WCAG antara dua warna, membuat gradien CSS, dan menghasilkan palet gradasi serta harmoni dari warna dasar. Setiap tab punya pemilih warna bawaan.
Apakah gratis?
Ya — sepenuhnya gratis tanpa pendaftaran, dan semuanya berjalan di browser Anda tanpa unggahan.
Bagaimana pemeriksa kontras bekerja?
Masukkan warna teks dan warna latar, dan ia menampilkan rasio kontras WCAG plus lulus/gagal untuk AA dan AAA pada teks normal dan besar, dengan pratinjau langsung.
Rasio kontras berapa yang saya butuhkan?
WCAG AA butuh minimal 4,5:1 untuk teks normal dan 3:1 untuk teks besar; AAA butuh 7:1 dan 4,5:1. Pemeriksa menandai setiap level untuk Anda.
Bisakah saya menyalin gradien CSS dan warna palet?
Bisa. Tab gradien memberi deklarasi background: siap salin, dan setiap contoh palet menyalin hex-nya saat diklik.
Di mana saya memilih warna atau mengonversi HEX/RGB/HSL?
Gunakan Konverter HEX RGB khusus — ia memilih warna (dengan penetes layar di Chrome/Edge) dan menampilkan HEX, RGB, dan HSL. Studio ini fokus pada yang Anda lakukan dengan warna: kontras, gradien, dan palet.
Bisakah saya mengambil warna dari halaman web atau gambar?
Bisa — gunakan penetes Konverter HEX RGB (dan bookmarklet-nya) untuk menangkap warna dari mana saja di layar pada Chrome dan Edge, lalu bawa hex-nya ke sini.
Alat terkait