Color Picker
Color Picker — berjalan dalam pelayar. Input tidak disimpan.
Pemilih warna
Pilih warna dengan pemilih native untuk melihat HEX, RGB dan HSL bersama. Jika hanya RGB↔HEX, guna penukar RGB HEX.
Cara guna
- Tekan Pilih warna dan pilih dalam pemilih warna natif OS. Lalai ialah #1a5cff.
- Swatch di bawah dan medan HEX, RGB, dan HSL dikemas kini bersama.
- Menyunting HEX juga mengemas kini RGB dan HSL. HEX pendek 3 digit dikembangkan kepada 6 digit.
- Salin HEX meletakkan HEX semasa pada papan keratan.
- Set semula memulihkan biru lalai. Medan RGB dan HSL baca sahaja.
Konsep utama
Pemilih warna menunjukkan warna yang dipilih secara visual sebagai HEX, RGB, dan HSL sekaligus. HEX paling biasa dalam CSS; RGB ialah 0–255 dipisahkan koma; HSL ialah sudut hue, ketepuan, dan kecerahan. Kunci kemas kini dalaman menghalang pemilih dan input HEX daripada menulis ganti satu sama lain. UI pemilih natif kelihatan berbeza mengikut OS. Kotak swatch menggunakan HEX semasa sebagai latar belakang supaya anda dapat lihat kontras serta-merta. Medan HEX paling banyak 7 aksara.
Skrin ini menumpukan pada memilih dan menyemak HSL. Untuk menukar nombor RGB dengan pantas, gunakan penukaran RGB HEX; untuk sampel piksel daripada foto, gunakan ekstrak warna imej. Nilai warna tidak disimpan di pelayan. Tiada medan untuk menyunting RGB atau HSL secara tangan; nombor paparan sahaja. Meninggalkan halaman menggugurkan warna yang dipilih, jadi salin HEX jika anda memerlukannya.
Contoh
Lalai #1a5cff ialah RGB 26, 92, 255 dan HSL kira-kira 224°, 100%, 55%. Tampal HEX panduan jenama ke dalam medan dan pemilih serta swatch mengikut. Selepas memilih warna butang atau pautan, salin HEX ke helaian gaya. #fff berkembang kepada #ffffff dengan RGB 255, 255, 255. Untuk butang latar belakang gelap, semak pada swatch bahawa kecerahan HSL tidak terlalu rendah.
Berkaitan: penukar RGB HEX · ekstrak warna imej
Soalan lazim
Adakah HEX, RGB, dan HSL semua muncul dalam pemilih warna?
Ya. Menukar pemilih atau HEX mengemas kini ketiga-tiga medan. RGB dan HSL paparan sahaja dan tidak boleh disunting terus. Mempunyai tiga notasi di satu tempat sesuai untuk dokumen token reka bentuk. HSL berguna apabila menilai penalaan ketepuan.
Bolehkah saya taip kod HEX terus?
Ya. Sehingga 7 aksara termasuk #. Kod 3 digit seperti #abc berkembang kepada #aabbcc. Aksara tidak sah diabaikan. Rentetan panjang salah boleh gagal huraian dan mengekalkan warna sebelumnya. Hanya hex 6 digit boleh dipercayai.
Bagaimana penukar RGB HEX berbeza daripada pemilih warna?
Penukar menukar medan RGB/HEX; halaman ini mempunyai pemilih natif plus HSL dan swatch. Gunakan penukar untuk nombor sahaja; gunakan alat ini untuk pilih dengan mata. Penukar tiada pemilih. Gunakan halaman ini jika anda perlukan swatch dan HSL.
Di mana butang Salin HEX?
Salin HEX di bahagian bawah. Pelayar yang disokong meletakkan #rrggbb pada papan keratan. Jika kebenaran papan keratan disekat, salin boleh gagal senyap. Kemudian seret medan HEX sendiri.
Bolehkah saya sunting nilai HSL terus?
Medan HSL baca sahaja. Untuk mencapai hue, ketepuan, dan kecerahan sebagai nombor, gunakan pemilih atau tukar HEX. Menggerakkan roda pemilih mengemas kini sudut hue HSL. Tiada input ketepuan/kecerahan berangka.
Adakah warna yang dipilih disimpan di pelayan?
Ia tidak disimpan atau dihantar. Muat semula kembali kepada warna lalai. Muat semula kembali kepada #1a5cff. Untuk mengumpulkan beberapa warna, tulis HEX yang disalin berasingan.
Disemak terakhir: 2026-09-04