Pemilih warna
Pilih warna, sesuaikan dengan teliti, lalu salin kodenya dalam format yang Anda perlukan.
Tersegel di perangkat ini
Berjalan di browser Anda. Tidak ada yang diunggah.
Tersegel
Pilih warna
Kode warna
Tint dan shade
Tint yang lebih terang di satu sisi, shade yang lebih gelap di sisi lain. Pilih salah satu untuk memakainya.
Cara kerjanya
-
Pilih warna
Seret di area warna dan slider rona, ketik kode yang sudah Anda punya, atau ambil warna dari layar.
-
Sesuaikan
Atur opasitas, atau jelajahi tint dan shade warna Anda untuk menemukan varian yang lebih terang atau lebih gelap.
-
Salin kodenya
Salin nilai HEX, RGB, HSL, OKLCH, atau CMYK dan tempelkan ke desain, kode, atau dokumen Anda.
Pertanyaan umum
Bagaimana cara mengambil warna dari layar?
Pilih “Ambil dari layar”, lalu klik di mana saja di layar untuk mengambil warna tersebut. Eyedropper ini tersedia di Chrome, Edge, dan browser berbasis Chromium lainnya di komputer. Di browser lain, contoh warna membuka pemilih warna sistem Anda, yang sering kali punya eyedropper sendiri.
Format warna mana yang sebaiknya saya pakai?
HEX paling umum dalam desain web dan bisa dipakai di mana saja. RGB dan HSL praktis di CSS saat Anda ingin mengubah nilai secara manual. OKLCH adalah format CSS modern yang menjaga kecerahan tetap konsisten di semua rona. CMYK adalah titik awal untuk cetak.
Apa bedanya tint dan shade?
Tint adalah warna Anda yang dicampur putih, sehingga menjadi lebih terang. Shade adalah warna Anda yang dicampur hitam, sehingga menjadi lebih gelap. Pemilih mencampurnya dalam ruang warna perseptual agar setiap langkah terlihat berjarak merata.
Bisakah saya memakai pemilih dengan keyboard?
Bisa. Fokuskan area warna dan gunakan tombol panah untuk mengubah saturasi dan kecerahan, tahan Shift untuk langkah yang lebih besar. Slider rona dan opasitas juga bisa diatur dengan tombol panah.
Bisakah saya membagikan warna?
Bisa. Alamat halaman diperbarui sesuai warna yang Anda pilih, jadi Anda bisa menandainya sebagai bookmark atau mengirim link-nya ke orang lain.