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

Compare empat langkah memilih warna online using the four points in this diagram.
Pilih warna, salin HEX atau RGB, tanpa unggah.
  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

Compare HEX, RGB, dan HSL di color picker using the four points in this diagram.
Tiga cara menulis warna yang sama - HEX, RGB, 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

Related tools:

  • MD5 converter - Free online MD5 hash generator and MD5-to-text reverse lookup.
  • Convert PDF to TEXT online - Extract text from PDF online for copying and editing.
  • Text To HTML Editor - Text to HTML editor online - write in a WYSIWYG view and watch the generated HTML update live, with
  • CSS Gradient Animator Generator - CSS gradient generator - build animated linear gradients with live preview; copy ready-to-paste CSS
  • CSS Minifier - Minify CSS online for faster page loads.
  • CSS UnMinifier - CSS unminifier online - beautify minified CSS with proper indentation, line breaks, and readable
  • JavaScript Minifier - JavaScript minifier online free - paste your JS, click Minify, and copy the compressed code.
  • JSON Parser By Tree View - Paste JSON to validate, format, and view it in a tree.
  • JavaScript UnMinifier - JavaScript unminifier online - reformat minified JS with indentation and line breaks for
  • Keyboard Test - Keyboard test online - press each key to highlight it, spot non-working keys, and verify Num Lock,
  • Text Diff - Text diff online - compare two text blocks and highlight added, removed, and changed characters,
  • Developer Tools - Developer tools to parse JSON, minify or unminify CSS/JS, compare text, and generate MD5 hashes.

Tags: #developer

Related guides:

Related news: