ToolHub
Mở công cụ

Bộ chọn màu

Công cụ chọn màu chuyên nghiệp, hỗ trợ nhiều định dạng

Công cụ nhà phát triển
Khởi chạy công cụ Tất cả công cụ

Về công cụ này

Bộ chọn màu là một công cụ dựa trên trình duyệt, có thể chọn và chuyển đổi màu giữa nhiều định dạng. Bạn có thể chọn từ bảng màu preset, điều chỉnh sắc độ và độ trong suốt qua thanh trượt, hoặc nhập trực tiếp giá trị HEX và RGB. Công cụ sẽ hiển thị ngay màu ở định dạng HEX, RGB, HSL và HSV, mỗi định dạng đều hỗ trợ sao chép một cú nhấp. Tất cả xử lý đều hoàn thành cục bộ trong trình duyệt, không gửi dữ liệu đến bất kỳ máy chủ nào.

Tính năng chính

How to Use

  1. Select a color from the preset swatches or use the color picker.
  2. Adjust hue and opacity with the slider controls.
  3. View the color values in HEX, RGB, HSL, and HSV formats.
  4. Copy any color format value to your clipboard with one click.

Xem nhanh

Tình huống sử dụng

Màu sắc Bộ chọn hex rgb

Câu hỏi thường gặp

Công cụ này hỗ trợ những định dạng màu nào?

Công cụ hỗ trợ hiển thị màu ở bốn định dạng: HEX (như #ff6b6b), RGB/RGBA (như rgb(255, 107, 107)), HSL/HSLA (như hsl(0, 100%, 71%)) và HSV (như hsv(0, 58%, 100%)). Khi độ trong suốt dưới 100%, sẽ tự động sử dụng định dạng RGBA và HSLA.

Làm thế nào để điều chỉnh độ trong suốt của màu?

Sử dụng thanh trượt độ trong suốt bên dưới thanh trượt sắc độ. Kéo sang trái để giảm độ trong suốt, kéo sang phải để tăng. Xem trước màu và tất cả giá trị định dạng sẽ cập nhật thời gian thực. Khi độ trong suốt dưới 100%, đầu ra HEX sẽ bao gồm kênh trong suốt, đầu ra RGB/HSL sẽ tự động chuyển sang định dạng rgba/hsla.

Sự khác biệt giữa HSL và HSV là gì?

Cả hai đều là mô hình màu hình trụ, nhưng định nghĩa độ sáng khác nhau. HSL (Hue, Saturation, Lightness) có độ sáng từ đen đến màu thuần rồi đến trắng, độ sáng 100% luôn là trắng. HSV (Hue, Saturation, Value) có value từ đen đến màu thuần, value 100% là dạng thuần khiết nhất của màu đó. HSL thường dùng trong CSS, còn HSV dùng nhiều trong phần mềm đồ họa.

Có thể nhập trực tiếp giá trị HEX hoặc RGB không?

Có. Bạn có thể nhập trực tiếp giá trị HEX (như #3b82f6) hoặc giá trị RGB (như rgb(59, 130, 246)) vào ô nhập, công cụ sẽ chuyển đổi ngay và cập nhật tất cả hiển thị định dạng khác, xem trước màu và vị trí thanh trượt.

Làm thế nào để sao chép giá trị màu?

Nhấp vào nút sao chép bên cạnh bất kỳ giá trị định dạng nào, giá trị màu sẽ được sao chép vào clipboard ở định dạng hiển thị (như #ff6b6b cho định dạng HEX, rgb(255, 107, 107) cho định dạng RGB). Sau đó bạn có thể dán trực tiếp vào CSS, công cụ thiết kế hoặc trình soạn thảo mã.

Công cụ liên quan

Trình kiểm tra JSONTrình tạo HashTrình tạo UUIDTrình kiểm tra Regex