Initializing, please wait a moment

Cách chọn màu online - HEX, RGB và HSL

Công cụ chọn màu cho phép bạn chọn một màu và đọc ngay giá trị HEX, RGB và HSL của nó. Chọn một tông màu, sao chép giá trị vào CSS và xem các bảng màu bổ sung, tương tự và đồng màu. Một chỉ số tương phản cho biết chữ trên màu có dễ đọc hay không.

Last reviewed: 2026-06-15

Thuộc tínhGiá trị
Định dạngTrực tuyến, không cài đặt, không đăng ký
Chi phíMiễn phí
Công cụ thực thihttps://freetoolonline.com/developer-tools/color-picker.html

Các bước

Compare bốn bước chọn màu online using the four points in this diagram.
Chọn màu, sao chép HEX hoặc RGB, không cần upload.
  1. Mở ô chọn màu và chọn một tông màu.
  2. Đọc các giá trị HEX, RGB và HSL; bấm Sao chép để đưa một giá trị vào bộ nhớ tạm.
  3. Bấm vào một ô màu bổ sung, tương tự hoặc đồng màu để dùng nó làm màu tiếp theo.
  4. Lưu các màu bạn dùng lại vào mục yêu thích; các màu gần đây được nhớ tự động.

HEX, RGB và HSL

Compare HEX, RGB và HSL trong bộ chọn màu using the four points in this diagram.
Ba cách viết cùng một màu - HEX, RGB, HSL.

HEX là mã sáu ký tự như #3366FF. RGB liệt kê kênh đỏ, xanh lá và xanh dương từ 0 đến 255. HSL cho biết tông màu (0 đến 360 độ), độ bão hòa và độ sáng theo phần trăm. Công cụ hiện cả ba cho màu bạn chọn, cùng một chỉ số tương phản dựa trên công thức độ sáng tương đối của WCAG để đánh giá khả năng đọc.

MàuHEXRGB
Trắng#FFFFFFrgb(255, 255, 255)
Đen#000000rgb(0, 0, 0)
Đỏ#FF0000rgb(255, 0, 0)
Xanh lá#00FF00rgb(0, 255, 0)
Xanh dương#0000FFrgb(0, 0, 255)

Quyền riêng tư

Tất cả chạy trong trình duyệt của bạn. Màu yêu thích và màu gần đây nằm trên thiết bị của bạn, không có gì được tải lên và không cần tạo tài khoản.

← Quay lại công cụ cho nhà phát triển

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: