Color Picker

Pilih warna dan langsung bekerja — tanpa repot

Kami membangun Color Picker pada 2025 karena lelah dengan aplikasi berat dan alat warna yang terlalu rumit. Sebagai pengembang front-end dan ilustrator, kami butuh cara untuk menangkap warna dengan cepat, menyetelnya sedikit, lalu lanjut. Mulanya alat internal, jadi favorit rekan kerja; kami poles dan rilis di web untuk semua orang. Tanpa akun dan tanpa kurva belajar — buka halaman, pilih rona, lalu salin kode HEX, RGB, HSL, atau HSV.

Mengapa orang menyukai pemilih warna kami?

Jika Anda pernah menatap sebuah desain dan bertanya-tanya bagaimana mendapatkan rona yang tepat, Anda akan menghargai kesederhanaan Color Picker. Antarmukanya sengaja kami buat minimal:

• Klik — dan warnanya milik Anda — ketuk titik mana pun di palet dan alat langsung menampilkan nilai yang diperlukan. Perlu sampel dari foto atau tangkapan layar? Jatuhkan ke halaman dan gunakan pipet.
• Gradien jadi mudah — ciptakan transisi selembut sutra dengan menambah dan menggeser titik henti pada bilah. Alihkan linear/radial, haluskan sudut dan opasitas, lalu salin CSS.
• Tanpa batas, tanpa biaya — Color Picker berjalan di peramban modern pada desktop, tablet, maupun ponsel. Tidak perlu instal apa pun dan tanpa biaya.
• Ekstensi saat diperlukan — ekstensi opsional Chrome & Edge kami menghadirkan pipet langsung ke peramban, sehingga Anda bisa mengambil sampel dari halaman mana pun dan menyimpan riwayat Anda.

Untuk apa

Orang memakai Color Picker dengan berbagai cara:

• Desainer & tim produk mengandalkannya saat membuat sketsa antarmuka atau palet merek. Menjelajah kombinasi dan menyalin CSS yang dibutuhkan untuk gradien terasa cepat.
• Ilustrator & seniman menggunakan pipet untuk mengambil inspirasi dari foto dan lukisan. Alat gradien membantu merencanakan peronaan lembut dan transisi warna.
• Pengembang front-end mengandalkannya untuk menghasilkan nilai warna yang konsisten di berbagai proyek. Ekstensi memudahkan sampling dari situs yang sudah ada.
• Siapa pun yang memeriksa aksesibilitas dapat melihat warna dalam berbagai model dan menyesuaikan opasitas hingga pedoman kontras terpenuhi.

Mulai

Tak perlu buku panduan — berikut ringkasan cepat:

• Pilih warna — klik di mana saja pada palet. Nilai HEX, RGB, dan HSV akan langsung terlihat. Sesuaikan hue, kejenuhan, kecerahan, dan opasitas dengan penggeser.
• Ambil sampel dari gambar — seret berkas gambar ke halaman atau pilih satu. Klik piksel yang diinginkan dan kode warna akan muncul.
• Buat gradien — klik bilah gradien untuk menambahkan titik henti lalu seret; beralih antara gaya linear dan radial. Atur sudut dan opasitas hingga pas.
• Salin dan gunakan ulang — warna dan gradien Anda tersimpan otomatis. Salin kode atau CSS dan tempelkan ke proyek, atau bagikan ke tim.