Adakah apa-apa dihantar ke pelayan

Tidak. Pemilih, pembina kecerunan dan penitis imej berjalan dalam pelayar anda, dan sejarah berada dalam storan setempat peranti anda sendiri.

Format apa yang boleh saya salin

HEX, RGB dan RGBA, HSL, HSV, CMYK, XYZ, LAB dan LCH, serta pengisytiharan CSS sedia guna untuk warna pejal mahupun kecerunan.

Mengapa penitis skrin tidak muncul

Ia bergantung pada API EyeDropper pelayar, yang tidak ada di semua tempat. Jika tiada, muat naik imej dan ambil warna daripadanya.

Bagaimana warna popular dipilih

Daripada penggunaan yang diperhatikan dan bukan ramalan: warna mana yang dipilih, dan sekerap mana, sepanjang setahun.

Bolehkah saya guna warna ini secara komersial

Boleh. Nilai warna bukan milik sesiapa, jadi apa sahaja yang anda salin di sini boleh terus digunakan dalam kerja anda.

Pilih warna, ambil kodnya, dan teruskan kerja

Pemilih warna, pembina kecerunan dan penitis imej dalam satu halaman. Tiada akaun, tiada pemasangan dan tiada menunggu: pilih satu rona dan salin sebagai HEX, RGB, HSL atau HSV.

Buka halaman warna

Kod warna

HEX#0F37FF

RGBrgb(15, 55, 255)

HSLhsl(230°, 100%, 52.94%)

HSVhsv(230°, 94.12%, 100%)

CMYKcmyk(94.12%, 78.43%, 0%, 0%)

XYZxyz(19.61, 10.05, 95.5)

LABlab(37.93, 62.96, -98.45)

LCHlch(37.93, 116.86, 302.6°)

Warna popular

Lihat semua warna popular

Apa yang ada di dalamnya

Penitis

Ambil warna daripada imej yang dimuat naik, atau daripada apa sahaja pada skrin di tempat yang dibenarkan pelayar. Lepaskan fail pada halaman dan klik satu piksel.

Penukaran format

Bertukar serta-merta antara HEX, RGB, HSL, HSV, CMYK, XYZ, LAB dan LCH, dan salin mana-mana nilai terus ke CSS atau ke alat reka bentuk anda.

Pembina kecerunan

Tambah dan seret titik henti pada bar, tukar antara lurus dan jejarian, laraskan sudut dan kelegapan, kemudian salin CSS yang siap.

Sejarah warna

Setiap warna dan kecerunan yang anda hasilkan kekal dalam pelayar anda, supaya boleh dirujuk semula atau digunakan dalam projek lain.

Keharmonian dan variasi

Setiap halaman warna menunjukkan warna cerah, warna gelap dan enam skema keharmonian, dan menukar mana-mana daripadanya menjadi kecerunan dengan satu klik.

Percuma dan peribadi

Tiada dinding bayaran dan tiada penjejakan apa yang anda pilih. Imej yang dimuat naik dibaca dalam pelayar dan tidak dihantar ke mana-mana.

Untuk siapa

Pereka dan pasukan produk: Ketika melakar antara muka atau palet jenama, mencuba gabungan dan menyalin CSS tepat bagi sesuatu kecerunan.
Ilustrasi dan seni lukis: Untuk mengambil warna daripada gambar dan lukisan dengan penitis, serta merancang peralihan lembut.
Pembangunan bahagian hadapan: Untuk menghasilkan nilai warna yang konsisten merentas projek dan membacanya semula daripada reka bentuk sedia ada.
Sesiapa yang menyemak kebolehcapaian: Untuk membandingkan sesuatu warna merentas model dan melaraskannya sehingga nisbah kontras melepasi ambang yang diperlukan.

Cara menggunakannya

1
Pilih satu warna
Klik di mana-mana pada medan ketepuan, kemudian perhalusi dengan peluncur rona dan kelegapan. HEX, RGB dan HSV berubah seiring.
2
Ambil daripada imej
Seret imej ke halaman atau pilih fail, kemudian klik piksel yang anda mahu. Kodnya muncul serta-merta.
3
Bina kecerunan
Klik pada bar untuk menambah titik henti dan seret ke tempatnya. Tukar antara lurus dan jejarian, kemudian tetapkan sudut.
4
Salin dan guna semula
Salin nilainya atau keseluruhan pengisytiharan CSS. Semua yang anda pilih disimpan ke sejarah secara automatik.

Soalan lazim

Alat kecil yang tidak menghalang

Ia bermula sebagai alat dalaman: kami mahu mencapai satu warna, melaraskannya dan meneruskan kerja, tanpa perlu membuka perisian reka bentuk yang berat dahulu. Ia sengaja satu halaman, sengaja pantas, dan akan kekal percuma.

Sambungan pelayar

Lebih suka mengambil warna terus daripada halaman yang anda lawati? Sambungan Chrome dan Edge menambah butang penitis pada bar alat, menyimpan sejarahnya sendiri, dan membuka alat ini dengan satu klik.

Buka Chrome Web Store Buka Microsoft Edge Add-ons