Apakah ada yang dikirim ke server

Tidak. Pemilih, penyusun gradien, dan pipet gambar berjalan di peramban Anda, dan riwayat tersimpan di penyimpanan lokal perangkat Anda sendiri.

Format apa saja yang bisa disalin

HEX, RGB dan RGBA, HSL, HSV, CMYK, XYZ, LAB, dan LCH, ditambah deklarasi CSS siap pakai untuk warna polos maupun gradien.

Kenapa pipet layar tidak muncul

Fitur itu bergantung pada EyeDropper API peramban, yang tidak tersedia di semua peramban. Bila tidak ada, unggah gambar dan ambil warnanya dari situ.

Bagaimana warna tren dipilih

Dari pemakaian yang teramati, bukan dari ramalan: warna mana yang dipilih, dan seberapa sering, sepanjang satu tahun.

Boleh dipakai untuk komersial

Boleh. Nilai warna bukan milik siapa pun, jadi apa pun yang Anda salin di sini bisa langsung dipakai dalam pekerjaan Anda.

Pilih warna, ambil kodenya, lanjutkan kerja

Pemilih warna, penyusun gradien, dan pipet gambar dalam satu halaman. Tanpa akun, tanpa pemasangan, tanpa menunggu: pilih sebuah rona dan salin sebagai HEX, RGB, HSL, atau HSV.

Buka halaman warna

Kode 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 tren

Lihat semua warna tren

Apa saja isinya

Pipet

Ambil warna dari gambar yang diunggah, atau dari apa pun di layar bila peramban mendukungnya. Jatuhkan berkas ke halaman lalu klik sebuah piksel.

Konversi format

Berpindah seketika antara HEX, RGB, HSL, HSV, CMYK, XYZ, LAB, dan LCH, dan salin nilainya langsung ke CSS atau ke perkakas desain Anda.

Penyusun gradien

Tambah dan geser titik henti di sepanjang bilah, ganti antara linier dan radial, atur sudut serta opasitas, lalu salin CSS jadinya.

Riwayat warna

Setiap warna dan gradien yang Anda buat tersimpan di peramban, jadi bisa dilihat lagi nanti atau dipakai ulang di proyek lain.

Harmoni dan variasi

Tiap halaman warna menampilkan tint, shade, dan enam skema harmoni, dan mengubah salah satunya jadi gradien dalam satu klik.

Gratis dan privat

Tidak ada dinding bayar dan tidak ada pelacakan atas apa yang Anda pilih. Gambar yang diunggah dibaca di peramban dan tidak dikirim ke mana pun.

Untuk siapa

Desainer dan tim produk: Saat menyusun antarmuka atau palet merek, mencoba padanan, dan menyalin CSS gradien yang tepat.
Ilustrasi dan lukisan: Untuk mengambil warna dari foto dan lukisan dengan pipet, dan merencanakan gradasi yang halus.
Pengembangan front-end: Untuk menghasilkan nilai warna yang konsisten di satu proyek dan membacanya kembali dari desain yang ada.
Yang memeriksa aksesibilitas: Untuk membandingkan sebuah warna di beberapa model dan menyesuaikannya sampai rasio kontrasnya melewati ambang yang dibutuhkan.

Cara memakainya

1
Pilih sebuah warna
Klik di mana saja pada bidang saturasi, lalu haluskan dengan penggeser rona dan alfa. HEX, RGB, dan HSV ikut berubah.
2
Ambil dari gambar
Seret gambar ke halaman atau pilih berkas, lalu klik piksel yang Anda mau. Kodenya langsung muncul.
3
Susun gradien
Klik bilah untuk menambah titik henti lalu geser ke tempatnya. Ganti antara linier dan radial, lalu atur sudutnya.
4
Salin dan pakai lagi
Salin nilainya atau seluruh deklarasi CSS. Semua yang Anda pilih tersimpan otomatis ke riwayat.

Pertanyaan umum

Alat kecil yang tidak menghalangi

Awalnya ini alat bantu internal: kami ingin mengambil sebuah warna, menyesuaikannya, lalu lanjut, tanpa harus membuka aplikasi desain yang berat dulu. Sengaja satu halaman, sengaja ringan, dan akan tetap gratis.

Ekstensi peramban

Lebih suka mengambil warna langsung dari halaman yang Anda buka? Ekstensi Chrome dan Edge menambahkan tombol pipet di bilah alat, menyimpan riwayatnya sendiri, dan membuka alat ini dalam satu klik.

Buka Chrome Web Store Buka Microsoft Edge Add-ons