100% Gratis Pemilih Warna • Tanpa Perlu Akun

Pemilih Warna Online Gratis & Studio Palet Gambar

Ekstrak kode HEX, RGB, HSL, dan OKLCH yang akurat dengan pemilih warna gambar kami. Unggah foto, tempel dari papan klip (Ctrl+V), atau ambil warna dari layar dengan kaca pembesar 16x.

Tarik & lepas gambar ke sini, atau pilih berkas

Tempel dari clipboard (Ctrl+V / Cmd+V) atau seret dari desktop

PNG, JPG, WEBP, SVG, GIFMaksimal 25MB100% diproses di browser Anda

Coba Gambar Contoh:

Unggah atau pilih contoh gambar di atas untuk mulai mengekstrak warna

X: 0, Y: 0|#------

ClickKlik untuk memilih dan mengunci warna•↑ ↓ ← →untuk penyesuaian mikro 1 piksel

Lensa Pembesar 16x

Warna Terpilih

#0070F3

Warna AktifVercel Electric Blue

Electric Cerulean Blue

High vibrancy, primary UI anchor color.

Masukkan kode warna

Kode & Format WarnaSalin

History0 / 20

Harmoni Warna

Nuansa & Nada Warna

Tints+10% ~ +90% White

Shades+10% ~ +90% Black

Tones+10% ~ +90% Gray

Studio Pembuat Palet

Buat palet harmonis atau ekstrak warna langsung dari gambar Anda

Tambah warna

Studio Kontras & Aksesibilitas WCAG

Evaluasi rasio kepatuhan WCAG 2.1 dan uji keterbacaan secara real-time

AAA ≥ 7.0AA ≥ 4.5Large ≥ 3.0

Teks Normal (16px)AAA Lolos

Kucing melompat lincah di atas rumput hijau

Pratinjau keterbacaan dan aksesibilitas kontras tinggi secara real-time.

Rasio Terhitung4.52 : 1

Teks Normal (AA)Lolos

Teks Besar (AA)Lolos

Teks Normal (AAA)Gagal

Test Against:

Color Vision Deficiency (CVD) SimulationHow color-blind users perceive your palette

Studio Gradien CSS

Buat, sesuaikan, dan salin kode gradien CSS modern dengan multi-titik warna

Live CSS Gradient Preview

background: linear-gradient(135deg, #0070F3 0%, #7928CA 50%, #FF0080 100%);

Sudut135°

Titik Warna

Preset Styles

Perpustakaan Palet Tersimpan100% Client-Side

Koleksi warna Anda yang disimpan secara pribadi di browser

Impor Palet

Pemilih Warna & Studio Palet Online Gratis Terbaik

Dirancang untuk pengembang frontend, desainer UI/UX, dan kreator yang membutuhkan presisi sub-piksel dan kecepatan tinggi.

Kaca Pembesar 16x Sub-Piksel

Tampilan grid piksel individu dan navigasi tombol panah keyboard dengan akurasi 1 piksel.

Ekstraksi Palet Pintar

Algoritma K-Means cepat yang mengekstrak warna dominan dan cerah dalam 1 klik.

WCAG 2.1 & Ekspor Token

Pemeriksaan rasio kontras AA/AAA instan, simulasi buta warna, dan ekspor kode Tailwind CSS v4.

Cara Menggunakan Real Color Picker Online

Ikuti 4 langkah mudah ini untuk mengekstrak, menganalisis, dan mengekspor kode warna dari gambar apa pun.

Impor atau Tangkap Gambar

Tarik & lepas file (PNG, JPG, WEBP, SVG), tempel (Ctrl+V), atau klik 'Ambil dari Layar'.

Perbesar dan Bidik Piksel yang Tepat

Arahkan lensa pembesar 16x, gunakan tombol panah untuk akurasi 1 piksel, lalu klik untuk mengunci.

Periksa Kode & Harmoni Warna

Salin kode HEX, RGB, HSL, CMYK, LAB, dan OKLCH lengkap dengan warna komplementer.

Simpan & Ekspor Token Kode

Simpan di perpustakaan lokal atau ekspor langsung ke format Tailwind CSS v4, Variabel CSS, dan Figma.

Referensi Format Warna Lengkap

Real Color Picker mengonversi warna ke lebih dari 8 ruang warna standar desain dan pemrograman.

Format	Format	Penggunaan Terbaik / Spesifikasi
HEX (#RRGGBB)	#0070F3	HTML / CSS / Figma / Web Standards
RGB / RGBA	rgb(0, 112, 243)	Web Development & HTML5 Canvas
HSL / HSLA	hsl(212, 100%, 48%)	UI Design Systems & CSS Variables
OKLCH	oklch(0.58 0.22 255.4)	Modern CSS Color 4 Perceptual Gamut
CMYK	cmyk(100%, 54%, 0%, 5%)	Print, Press & Graphic Publishing

Pertanyaan yang Sering Diajukan (FAQ)

Segala hal yang perlu Anda ketahui tentang pemilih warna online dan konversi format.

Apakah Real Color Picker berafiliasi dengan Google?

Real Color Picker adalah aplikasi independen dan tidak berafiliasi dengan Google. Kami menyediakan alat warna 100% gratis, aman, dan beroperasi di sisi klien untuk desainer dan pengembang.

Apa itu alat Color Picker (Pemilih Warna)?

Color picker adalah utilitas digital yang memungkinkan Anda mengambil sampel nilai warna dari layar atau gambar dan mengubahnya menjadi kode digital standar seperti HEX, RGB, HSL, CMYK, dan OKLCH.

Bagaimana cara mengambil kode warna dari gambar di PC atau HP?

Cukup tarik dan lepas gambar atau tempel dari clipboard. Gunakan pembesar 16x untuk memeriksa piksel dan klik pada piksel untuk menyalin kode HEX.

Apakah alat ini 100% gratis dan tanpa batasan?

Ya, Real Color Picker sepenuhnya gratis, tanpa biaya langganan, dan tanpa batasan jumlah penggunaan.

Apakah saya perlu mendaftar akun untuk menyimpan palet?

Tidak perlu akun. Palet Anda disimpan dengan aman dan privat di penyimpanan lokal browser Anda (localStorage).

Apa keunggulan alat ini dibanding eyedropper biasa di browser?

Kami menyediakan pembesar 16x dengan grid piksel, bidikan target tengah, dan dukungan tombol panah keyboard untuk presisi 1 piksel.

Bisakah saya membuat palet acak dengan menekan spasi?

Bisa! Di halaman pembuat palet, cukup tekan tombol spasi untuk menjelajahi jutaan kombinasi warna yang harmonis.

Apa perbedaan antara Color Picker dan Hex Color Picker?

Keduanya merujuk pada alat yang sama. Hex Color Picker secara khusus memformat warna ke dalam notasi heksadesimal 6 karakter (seperti #0070F3).

Bagaimana alat ini menghitung kepatuhan kontras WCAG 2.1?

Alat ini menghitung luminansi relatif sesuai spesifikasi resmi W3C WCAG 2.1 untuk level AA (minimal 4.5:1) dan level AAA (minimal 7:1).

Apakah gambar yang saya unggah tetap aman dan privat?

Ya, 100% aman. Semua proses analisis gambar berlangsung di dalam browser Anda melalui HTML5 Canvas tanpa pernah dikirim ke server.