Công cụ chuyển đổi RGB sang HSL

HSL:
HEX:

Chuyển đổi RGB sang HSL

Chuyển đổi từ RGB sang HSL là quá trình thay đổi không gian màu.RGB (Đỏ, Lục, Lam) là ba màu cơ bản của ánh sáng, thường được sử dụng trong hình ảnh kỹ thuật số.HSL (Màu sắc, Độ bão hòa, Độ sáng) là một cách khác để biểu diễn màu sắc, với màu sắc biểu thị loại màu, độ bão hòa biểu thị sự tinh khiết của màu sắc, và độ sáng biểu thị độ sáng của màu sắc.

Chuyển đổi từ RGB sang HSL được thực hiện thông qua các phép tính toán toán học. Đầu tiên, giá trị RGB được chuẩn hóa, sau đó giá trị HSL được tính toán. Quá trình này rất phổ biến trong các lĩnh vực xử lý hình ảnh và thiết kế web, hữu ích cho việc chuyển đổi và điều chỉnh màu sắc.

Chuyển đổi từ RGB sang HSL là một công cụ quan trọng để hiểu cách biểu diễn màu sắc và quản lý màu sắc trong thiết kế trực quan. Việc sử dụng chuyển đổi này cho phép bạn thử nghiệm các kết hợp khác nhau về màu sắc, độ bão hòa và độ sáng, từ đó tạo ra các biểu diễn màu sắc phong phú hơn.

Danh sách mã màu RGB và HSL

Tên Màu Mã Màu RGB Mã Màu HSL Màu
Đỏ rgb(255, 0, 0) hsl(0, 100%, 50%)
Lục rgb(0, 255, 0) hsl(120, 100%, 50%)
Lam rgb(0, 0, 255) hsl(240, 100%, 50%)
Vàng rgb(255, 255, 0) hsl(60, 100%, 50%)
Tím rgb(128, 0, 128) hsl(300, 100%, 25%)

Công thức chuyển đổi RGB sang HSL

Công thức chuyển đổi từ RGB sang HSL
Nhập (R, G, B) Xuất (H, S, L)
0 ≤ R, G, B ≤ 1 0 ≤ H < 360, 0 ≤ S ≤ 1, 0 ≤ L ≤ 1
1. Tìm giá trị lớn nhất và nhỏ nhất:
Cmax = max(R, G, B)
Cmin = min(R, G, B)
Δ = Cmax - Cmin
2. Tính toán màu sắc (H):
H =
| (G - B) / Δ , nếu Cmax = R
| (B - R) / Δ + 2 , nếu Cmax = G
| (R - G) / Δ + 4 , nếu Cmax = B

Tuy nhiên, có thể cần phải điều chỉnh H để nằm trong khoảng 360 độ.
3. Tính toán độ bão hòa (S):
S = Δ / (1 - |2L - 1|)
4. Tính toán độ sáng (L):
L = (Cmax + Cmin) / 2
5. Điều chỉnh H tính toán vào khoảng 360 độ:
H = H * 60° , nếu H < 0
H = H * 60° - 360° , nếu H ≥ 0

RGB là gì?

RGB là viết tắt của Red (Đỏ), Green (Lục), Blue (Lam), là một trong những mô hình màu số trong công nghệ số. Mô hình này biểu diễn màu sắc thông qua sự kết hợp của ba màu cơ bản của ánh sáng, đỏ, lục và lam.

Mô hình màu RGB được sử dụng rộng rãi trong hình ảnh kỹ thuật số và trên các thiết bị điện tử, mỗi màu được biểu diễn trong phạm vi từ 0 đến 255. Bằng cách kết hợp các thành phần màu đỏ, lục và lam, có thể tạo ra nhiều màu sắc khác nhau.

HSL là gì?

HSL là viết tắt của Hue (Màu sắc), Saturation (Độ bão hòa), Lightness (Độ sáng), là một trong các cách biểu diễn màu sắc. Trong mô hình này, màu sắc biểu diễn loại màu, độ bão hòa biểu diễn độ tinh khiết của màu sắc, và độ sáng biểu diễn độ sáng của màu sắc.

Mô hình màu HSL giúp biểu diễn màu sắc một cách trực quan, đặc biệt được sử dụng rộng rãi trong lĩnh vực thiết kế và đồ họa. Bằng cách thay đổi màu sắc, độ bão hòa và độ sáng, có thể điều chỉnh màu sắc để phù hợp với nhu cầu thiết kế cụ thể.

Lợi ích của việc chuyển đổi từ RGB sang HSL là gì?

Việc chuyển đổi từ RGB sang HSL mang lại một số lợi ích. Đầu tiên, HSL là cách biểu diễn màu sắc dễ hiểu và trực quan đối với con người. Với ba yếu tố màu sắc, độ bão hòa và độ sáng, có thể điều chỉnh loại màu, độ sáng và độ bão hòa của màu sắc một cách trực quan.

Thêm vào đó, trong lĩnh vực thiết kế và đồ họa, việc điều chỉnh và chuyển đổi màu sắc thường xuyên được thực hiện. Việc chuyển đổi từ RGB sang HSL giúp điều chỉnh màu sắc một cách hiệu quả, kiểm tra sự tương phản màu sắc và tạo ra thiết kế sáng tạo dựa trên các tính chất của màu sắc như màu sắc, độ bão hòa và độ sáng.