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:

Tags: #developer

Related guides:

Related news: