Initializing, please wait a moment

Cara Memilih Warna Online - HEX, RGB, dan HSL

Pemilih warna memungkinkan Anda memilih warna dan langsung membaca nilai HEX, RGB, dan HSL-nya. Pilih sebuah corak, salin nilainya ke CSS Anda, dan lihat palet komplementer, analog, dan corak. Pembacaan kontras menunjukkan apakah teks di atas warna itu mudah dibaca. Semuanya berjalan di browser, tanpa unggah dan tanpa akun.

Last reviewed: 2026-06-15

PropertiNilai
FormatOnline, tanpa instal, tanpa akun
BiayaGratis
Alat implementasihttps://freetoolonline.com/developer-tools/color-picker.html

Langkah

  1. Buka kotak warna dan pilih sebuah corak.
  2. Baca nilai HEX, RGB, dan HSL; klik Salin untuk menaruh salah satunya ke papan klip.
  3. Gunakan corak komplementer, analog, atau gradasi sebagai warna berikutnya dengan mengkliknya.
  4. Simpan warna yang Anda pakai ulang ke favorit; warna terbaru diingat otomatis.

HEX, RGB, dan HSL

HEX adalah kode enam digit seperti #3366FF. RGB mencantumkan kanal merah, hijau, dan biru dari 0 sampai 255. HSL memberi rona (0 sampai 360 derajat), saturasi, dan kecerahan dalam persen. Alat ini menampilkan ketiganya untuk warna yang dipilih, ditambah pembacaan kontras berdasarkan rumus luminans relatif WCAG untuk menilai keterbacaan.

WarnaHEXRGB
Putih#FFFFFFrgb(255, 255, 255)
Hitam#000000rgb(0, 0, 0)
Merah#FF0000rgb(255, 0, 0)
Hijau#00FF00rgb(0, 255, 0)
Biru#0000FFrgb(0, 0, 255)

Privasi

Semuanya berjalan di browser Anda. Favorit dan warna terbaru tersimpan di perangkat Anda, tidak ada yang diunggah, dan tidak ada akun yang perlu dibuat.

← Kembali ke alat pengembang

Why trust these tools

  • Ten-plus years of web tooling. The freetoolonline editorial team has shipped browser-based utilities since 2015. The goal has never changed: get you to a working output fast, without an install.
  • No install, no sign-up. Open a tool and get a working output in seconds - nothing to download and no account to create. Tools that need heavy processing run it on our service, so even a low-powered machine gets the job done.
  • Analytics stops at the page view. We measure which pages get visited, not what you type or upload inside a tool. There is nothing to sign in to and no profile is attached to your input.
  • Open-source core components. The processing engines underneath (libheif, libde265, pdf-lib, terser, clean-css, ffmpeg.wasm, and others) are public and audit-able. We link to each one in its tool page's footer.
  • Free, with or without ads. All tools are fully functional without sign-up. The Disable Ads button in the header is always available if you need a distraction-free run.

Related tools:

Tags: #developer

Loading reviews...