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

FreetoolOnline editorial team

Properti	Nilai
Format	Online, tanpa instal, tanpa akun
Biaya	Gratis
Alat implementasi	https://freetoolonline.com/developer-tools/color-picker.html

Langkah

Buka kotak warna dan pilih sebuah corak.
Baca nilai HEX, RGB, dan HSL; klik Salin untuk menaruh salah satunya ke papan klip.
Gunakan corak komplementer, analog, atau gradasi sebagai warna berikutnya dengan mengkliknya.
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.

Warna	HEX	RGB
Putih	#FFFFFF	rgb(255, 255, 255)
Hitam	#000000	rgb(0, 0, 0)
Merah	#FF0000	rgb(255, 0, 0)
Hijau	#00FF00	rgb(0, 255, 0)
Biru	#0000FF	rgb(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

Last updated: Jun 30, 2026

Reviewed by the Free Tool Online editorial team · Tested in the current versions of Chrome, Firefox, Safari, and Edge before publishing. No account is needed to use any tool. Report a bug - we triage within 72 hours. · Last refreshed April 2026.

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:

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:

Unix Timestamps Explained - Unix timestamps explained - seconds vs milliseconds, ISO-8601, RFC 2822, UTC vs local time, and the
CSS Minifier vs Compressor - CSS minifier vs compressor - whitespace removal vs gzip/brotli compression, what each saves, and
MD5 vs SHA-256 - When to Hash - MD5 vs SHA-256 - speed, collision resistance, and concrete use cases.
CSV vs JSON Data Formats - CSV vs JSON data formats - when to pick rows-and-columns vs structured objects, with parsing, size,
JSON Parser Online: Validate vs Format vs Tree View - Validate, format, or explore JSON?
Milliseconds to Date - UTC vs Local Time - Milliseconds to date conversion: UTC vs local time, why your result may be hours off, and how to
Current Time in Milliseconds - Read the current time in milliseconds since the Unix epoch in the browser, copy it for a log line
Time in Milliseconds - A time in milliseconds is a number where 1 second equals 1000 ms.
How to Minify CSS and JS for Cloud Run Cold Start - Minify CSS and JS to cut Cloud Run cold-start and Cloudflare Workers bundle size.
Unminify JS: Restore Readability of Minified JavaScript - Unminify minified JavaScript online for free.
Online Diff Tool - Compare Two Texts Side-by-Side Guide - Online diff tool guide: paste two text blocks and read the added, removed, and changed lines
MD5 Hashing in the Browser - What `common::md5::gethash64string` Style Calls Do - MD5 hashing explained for readers searching framework-style method names.