Trang chủ Lập trình Trình chuyển đổi màu — HEX, RGB, HSL

Tiện ích lập trình

Trang công cụ riêng

Trình chuyển đổi màu — HEX, RGB, HSL

Chuyển đổi mã màu HEX, RGB và HSL một cách nhanh chóng và dễ dàng.

Lập trình Mở nhanh, không rối menu

Input

Mã màu

Step 1

Output

Result

Step 2

Kết quả chuyển đổi

Preview

HEX (#RRGGBB)

--

RGB (R, G, B)

--

HSL (H, S%, L%)

--

Cách hoạt động

Bạn chỉ cần nhập một mã màu (HEX, RGB hoặc HSL) vào trường tương ứng. Công cụ sẽ tự động phân tích và chuyển đổi giá trị đó sang hai định dạng còn lại. Nó sử dụng các thuật toán chuyển đổi chuẩn để đảm bảo độ chính xác cao nhất.

Ví dụ

Nhập mã HEX #1e293b. Công cụ sẽ chuyển đổi thành RGB(30, 41, 59) và HSL(217, 33%, 17%). Ngược lại, nếu bạn nhập RGB(255, 0, 0), công cụ sẽ trả về HEX #FF0000 và HSL(0, 100%, 50%).

Khi nào nên sử dụng công cụ này

  • Khi bạn cần chuyển đổi nhanh mã màu để dùng trong thiết kế web hoặc đồ họa.
  • Để kiểm tra các giá trị màu tương ứng giữa các hệ màu khác nhau.
  • Trong quá trình phát triển ứng dụng, khi làm việc với các thư viện yêu cầu định dạng màu cụ thể.

Hiểu về các hệ màu

  • HEX (Hexadecimal): Là một hệ màu dựa trên thập lục phân, thường được sử dụng trong thiết kế web và CSS. Mỗi màu được biểu thị bằng một chuỗi 6 ký tự gồm số và chữ cái (0-9, A-F).
  • RGB (Red, Green, Blue): Là một hệ màu cộng, nơi màu sắc được tạo ra bằng cách kết hợp ba màu cơ bản: đỏ, xanh lá cây và xanh lam. Mỗi màu có giá trị từ 0 đến 255.
  • HSL (Hue, Saturation, Lightness): Là một hệ màu dựa trên các thuộc tính cảm nhận của con người về màu sắc: Hue (sắc độ), Saturation (độ bão hòa) và Lightness (độ sáng).

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

Công cụ chuyển đổi mã màu hoạt động như thế nào?

Công cụ này cho phép bạn chuyển đổi giữa các định dạng mã màu phổ biến như HEX, RGB và HSL. Bạn chỉ cần nhập một giá trị màu vào một trong các trường, và công cụ sẽ tự động tính toán và hiển thị các giá trị tương ứng ở các định dạng khác.

Tôi có thể chuyển đổi những định dạng màu nào?

Bạn có thể chuyển đổi giữa mã màu HEX (ví dụ: #FF0000 cho màu đỏ), RGB (ví dụ: 255, 0, 0 cho màu đỏ), và HSL (ví dụ: 0, 100%, 50% cho màu đỏ).