Pemilih Warna Online

Gunakan pemilih warna online ini untuk memilih warna daripada imej yang dimuat naik, mengambil warna daripada skrin apabila disokong oleh pelayar, atau memasukkan nilai warna secara manual. Tukar warna yang dipilih, ekstrak palet imej, jana warna sepadan, semak kontras teks dan salin CSS variables tanpa perlu bertukar halaman.

1. Pemilih Warna Imej

Pilih imej setempat, gerakkan penunjuk di atas imej untuk pratonton piksel, kemudian klik untuk memilih warna. Selepas klik, gunakan kekunci anak panah untuk melaraskan piksel yang dipilih.

Belum ada imej dipilih. Pilih imej di atas untuk mula memilih warna.
Pratonton imej yang dipilih
Palet imej
Klik warna untuk digunakan
Muat naik imej untuk mengekstrak warna utamanya.
Lebih Banyak Cara untuk Memilih Warna
2. Pilih daripada Skrin

Gunakan pemilih warna skrin daripada pelayar apabila disokong. Pelayar mungkin mengambil sedikit masa untuk membuka pemilih asal.

3. Masukkan Warna Secara Manual

Masukkan HEX atau HEXA, contohnya #2563EB atau #2563EBFF.

Palet
Klik warna untuk digunakan
Warna sepadan
Tona cerah & gelap
Warna semasa
#2563EB

Hasil

Gunakan dalam UI
Kontras teks & CSS
Kontras teks & pasangan UI
CSS variables

                        
Penyata Privasi StarryTool: Di StarryTool, kami amat menghargai privasi anda. Semua pemprosesan data pada halaman ini dilakukan pada peranti anda melalui JavaScript sebelah klien, bagi memastikan keselamatan data. Kami tidak merekod atau menyimpan sebarang data yang dihantar atau dijana. Untuk maklumat lanjut tentang amalan privasi di laman web kami, sila semak Dasar Privasi.

Tentang Pemilih Warna Online

Gunakan pemilih warna online ini untuk memilih warna daripada imej yang dimuat naik, mengambil warna daripada skrin apabila disokong oleh pelayar, atau memasukkan nilai warna secara manual. Warna yang dipilih akan ditukar serta-merta kepada format biasa seperti HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV dan CMYK, supaya anda boleh menyalin nilai yang diperlukan tanpa perlu bertukar halaman.

• Ciri-ciri

Pemilih Warna Imej: Pilih imej setempat dan gerakkan penunjuk di atas imej untuk pratonton piksel berhampiran. Klik imej untuk memilih warna semasa. Ekstrak Palet Imej: Selepas imej dimuat naik, alat ini mengekstrak palet ringkas daripada warna utama yang boleh disalin atau digunakan sebagai warna semasa. Pelarasan Pada Tahap Piksel: Selepas memilih warna daripada imej, gunakan kekunci anak panah untuk melaraskan kedudukan piksel yang dipilih dengan lebih tepat. Pemilih Warna Skrin: Gunakan pemilih warna skrin daripada pelayar untuk memilih warna daripada skrin apabila ciri ini disokong oleh pelayar anda. Input Warna Manual: Masukkan warna secara manual menggunakan pemilih warna atau nilai HEX / HEXA seperti #2563EB atau #2563EBFF. Pelbagai Format Warna: Tukar warna yang dipilih kepada format HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV dan CMYK. Warna Sepadan: Jana pilihan warna pelengkap, analog, triadik, tona lembut dan tona redup berdasarkan warna semasa. Tona Cerah dan Gelap: Cipta skala warna praktikal daripada cerah ke gelap untuk latar belakang, sempadan, keadaan hover, badge dan komponen UI. Kontras Teks dan Pasangan UI: Bandingkan teks putih dan hitam menggunakan kontras WCAG, paparkan rujukan persepsi gaya APCA, dan cadangkan pasangan UI yang lebih selesa apabila warna bersaturasi tinggi memerlukan latar belakang yang lebih gelap atau lebih cerah. CSS Variables: Salin CSS variables yang sedia digunakan untuk warna semasa, variasi cerah dan gelap, warna teks yang mudah dibaca, serta pasangan latar belakang/teks UI yang disyorkan. Pemprosesan Berasaskan Pelayar: Pembacaan imej, pemilihan warna, ekstrak palet dan penukaran warna dilakukan terus dalam pelayar anda tanpa perlu memasang aplikasi berasingan.

• Nota

Pemilih warna skrin bergantung pada sokongan pelayar. Dalam pelayar yang tidak menyokong pemilihan warna skrin, anda masih boleh menggunakan pemilihan daripada imej atau input manual. Apabila memilih warna daripada imej, imej mungkin diskalakan supaya muat pada halaman, tetapi warna yang disampel tetap dipetakan semula kepada kedudukan piksel pada imej asal. Kontras teks dikira berdasarkan warna pejal yang dipilih. Jika teks berada di atas gradient, foto, ketelusan atau latar belakang bertekstur, semak juga reka bentuk akhir secara visual. Nilai gaya APCA disediakan sebagai rujukan persepsi di samping kontras WCAG. Kontras WCAG kekal sebagai semakan lulus/gagal kebolehcapaian pada halaman ini. Untuk warna yang digunakan dalam antara muka, dokumen, imej atau bahan cetakan, penampilan akhir mungkin berbeza bergantung pada tetapan paparan, profil warna, format fail dan peranti output. :wiki_link
#2563EB
rgb(37, 99, 235)
x: 0, y: 0
Disalin