Pemilih warna ini bermula dengan swatch visual, kemudian meletakkan nombor tepat di sebelahnya. Anda boleh tampal nilai hex CSS seperti #3366cc, ubah saluran merah, hijau, biru dan alfa, atau laraskan rona, ketepuan dan kecerahan untuk kerja sistem reka bentuk. Nilai warna tidak dimuat naik - semua penukaran berlaku secara setempat dalam JavaScript.
Pemilih warna percuma
Berjalan sepenuhnya dalam pelayar anda - tanpa muat naik, tanpa pendaftaran.
Dipilih#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Apa itu pemilih warna?
Pemilih warna ialah alat untuk memilih warna digital yang tepat dan menyalin nilainya untuk reka bentuk atau kod. Gunakan swatch warna, medan HEX, slider RGB atau kawalan HSL, kemudian salin nilai HEX, RGB, HSL, HSV atau CMYK serta-merta. Semuanya berjalan dalam browser anda.
Cara guna
- 1Pilih atau tampal warna. Klik swatch besar untuk membuka pemilih warna browser, atau tampal nilai hex 3, 4, 6 atau 8 digit ke dalam medan HEX.
- 2Laraskan saluran. Gunakan slider RGB untuk merah, hijau, biru dan alfa, atau edit rona, ketepuan dan kecerahan apabila anda mahukan kawalan yang lebih mesra reka bentuk.
- 3Salin format yang diperlukan. Salin HEX, HEX8, RGB, HSL, HSV atau CMYK dengan satu klik. Pratonton dan semua output dikemas kini secara langsung.
Untuk siapa
- Pembangun front-end yang menyalin nilai HEX, RGB dan HSL siap CSS semasa membina antara muka.
- Pereka bentuk yang melaraskan warna jenama mengikut saluran, bukan meneka dalam aplikasi grafik.
- Pasukan pemasaran yang menyamakan warna kempen merentas pembina e-mel, dokumen dan aset media sosial.
- Pelajar dan pencipta yang belajar cara RGB, HSL, HSV dan CMYK menerangkan warna yang sama.
Soalan lazim
Adakah pemilih warna ini percuma?
Ya. Pemilih warna ini percuma, tidak memerlukan pendaftaran dan tiada had penggunaan. Buka halaman, pilih warna dan salin format yang anda perlukan.
Adakah warna saya dimuat naik ke mana-mana?
Tidak. Pemilih dan penukaran berjalan dalam browser anda dengan JavaScript biasa. Warna yang dipilih tidak dihantar ke server.
Format warna apa yang boleh saya salin?
Anda boleh salin HEX, HEX 8 digit dengan alfa, RGB atau RGBA, HSL atau HSLA, HSV dan CMYK. Alat ini memastikan semuanya selari semasa anda mengedit.
Bolehkah saya tampal warna hex?
Ya. Tampal nilai hex CSS 3, 4, 6 atau 8 digit, dengan atau tanpa simbol #. Nilai ringkas dikembangkan mengikut peraturan CSS biasa.
Apa itu HEX8?
HEX8 ialah warna hex 8 digit dengan pasangan terakhir menyimpan alfa. Contohnya, #3366cc80 ialah biru yang sama dengan kira-kira 50% kelegapan.
Patutkah saya guna RGB atau HSL dalam CSS?
Guna RGB apabila anda perlukan nilai saluran yang tepat atau alfa dengan rgba(). Guna HSL apabila anda mahu membuat tint, shade atau keadaan UI berkaitan dengan mengubah ketepuan dan kecerahan.