Color Picker

Pilih warna dan terus bekerja — tanpa leceh

Kami membina Color Picker pada 2025 kerana jemu dengan aplikasi berat dan alat warna yang terlalu rumit. Sebagai pembangun front-end dan ilustrator, kami perlukan cara untuk menangkap warna dengan cepat, melaras sedikit, kemudian teruskan. Bermula sebagai alat dalaman, ia menjadi kegemaran rakan sekerja; kami gilap dan terbitkan di web untuk semua orang. Tiada akaun dan tiada lengkung pembelajaran — buka halaman, pilih rona, kemudian salin kod HEX, RGB, HSL atau HSV.

Mengapa orang suka pemilih warna kami?

Jika anda pernah tertanya-tanya bagaimana mendapatkan tona yang tepat ketika melihat reka bentuk, anda akan menghargai kesederhanaan Color Picker. Antara mukanya sengaja kami kekalkan minimal:

• Klik — dan warnanya milik anda — ketik mana-mana titik pada palet dan alat serta-merta memaparkan nilai yang diperlukan. Perlu sampel daripada foto atau tangkapan skrin? Lepaskan di halaman dan gunakan eyedropper.
• Kecerunan jadi mudah — tambah dan alihkan hentian pada bar untuk mencipta peralihan selembut sutera. Tukar linear/jejari, haluskan sudut dan kelegapan, kemudian salin CSS.
• Tiada had, tiada kos — Color Picker berfungsi pada pelayar moden di desktop, tablet atau telefon. Tiada pemasangan diperlukan dan tiada yuran.
• Sambungan bila perlu — sambungan pilihan Chrome & Edge kami membawa eyedropper terus ke pelayar, supaya anda boleh mengambil sampel dari mana-mana halaman dan menyimpan sejarah.

Kegunaan

Color Picker digunakan dengan pelbagai cara:

• Pereka & pasukan produk menggunakannya semasa melakar antara muka atau palet jenama. Meneroka kombinasi dan menyalin CSS untuk kecerunan terasa pantas.
• Ilustrator & artis menggunakan eyedropper untuk mendapat inspirasi daripada foto dan lukisan. Alat kecerunan membantu merancang pembayangan lembut dan peralihan warna.
• Pembangun front-end bergantung padanya untuk menghasilkan nilai warna yang konsisten merentas projek. Sambungan memudahkan pensampelan daripada laman sedia ada.
• Sesiapa yang menyemak kebolehaksesan boleh melihat warna dalam pelbagai model dan melaras kelegapan sehingga garis panduan kontras dipenuhi.

Mula

Tiada manual diperlukan — berikut ringkasan pantas:

• Pilih warna — klik di mana-mana pada palet. Nilai HEX, RGB dan HSV akan terus dipaparkan. Laraskan rona, ketepuan, kecerahan dan kelegapan dengan pelungsur.
• Ambil sampel daripada imej — seret fail imej ke halaman atau pilih satu. Klik piksel yang dikehendaki dan kod warna akan muncul.
• Cipta kecerunan — klik bar kecerunan untuk menambah hentian lalu seret; tukar antara gaya linear dan jejari. Laraskan sudut dan kelegapan hingga sempurna.
• Salin dan guna semula — warna dan kecerunan anda disimpan secara automatik. Salin kod atau CSS dan tampal ke projek, atau kongsi dengan pasukan.