Chuyển đổi RGB sang HSL

Chuyển đổi giá trị màu RGB sang HSL ngay lập tức với xem trước màu trực tiếp. Công cụ chuyển đổi RGB sang HSL trực tuyến miễn phí.

hoặc
Hoán đổi
°
%
%

Cách chuyển đổi RGB sang HSL?

Chuyển đổi RGB sang HSL biến đổi không gian màu RGB hình khối thành không gian màu HSL hình trụ. Chuyển đổi này hữu ích cho các tác vụ xử lý màu trong đó mong muốn điều chỉnh sắc độ, độ bão hòa, hoặc độ sáng một cách độc lập.

Việc chuyển đổi bao gồm tính toán giá trị RGB tối đa và tối thiểu, xác định độ sáng là giá trị trung bình của chúng, và tính toán sắc độ và độ bão hòa dựa trên vị trí của màu trong không gian màu.

Tại sao chuyển đổi RGB sang HSL?

Chuyển đổi RGB sang HSL làm cho việc xử lý màu trở nên trực quan hơn. Trong HSL, bạn có thể dễ dàng điều chỉnh độ sáng của màu (lightness), cường độ (saturation), hoặc chuyển đổi sắc độ của nó mà không ảnh hưởng đến các thuộc tính khác. Điều này đặc biệt hữu ích trong các công cụ thiết kế, xử lý hình ảnh, và tạo các biến thể màu hoặc chủ đề theo chương trình.

HSL cung cấp thông tin gì mà RGB không có?

Mặc dù RGB và HSL biểu diễn cùng một màu, HSL cung cấp sự hiểu biết trực quan hơn về các thuộc tính màu. HSL ngay lập tức cho bạn biết loại màu (sắc độ), nó sống động đến mức nào (độ bão hòa), và nó sáng hay tối như thế nào (độ sáng). Điều này làm cho việc tạo các bảng màu hài hòa và điều chỉnh màu sắc một cách có hệ thống dễ dàng hơn.

Chuyển đổi RGB sang HSL có mất mát không?

Không, chuyển đổi RGB sang HSL không mất mát. Bạn có thể chuyển đổi từ RGB sang HSL và ngược lại sang RGB mà không mất bất kỳ thông tin màu nào. Cả hai mô hình có thể biểu diễn cùng một tập hợp màu; chúng chỉ mô tả chúng theo những cách khác nhau. Các công thức chuyển đổi chính xác về mặt toán học và có thể đảo ngược.

HSL hữu ích như thế nào trong thiết kế web?

HSL có giá trị trong thiết kế web để tạo các biến thể màu một cách có hệ thống. Ví dụ, bạn có thể lấy một màu thương hiệu và tạo các phiên bản sáng hơn/tối hơn bằng cách điều chỉnh độ sáng, tạo các phiên bản nhạt hơn bằng cách giảm độ bão hòa, hoặc tạo các màu bổ sung bằng cách thay đổi sắc độ. CSS hiện đại hoàn toàn hỗ trợ HSL, làm cho nó thiết thực cho các thiết kế đáp ứng và động.

Bảng chuyển đổi RGB sang HSL phổ biến

Xem trước Màu RGB HSL Hex
  Đen (0, 0, 0) (0°, 0%, 0%) #000000
  Trắng (255, 255, 255) (0°, 0%, 100%) #FFFFFF
  Đỏ (255, 0, 0) (0°, 100%, 50%) #FF0000
  Xanh lá chanh (0, 255, 0) (120°, 100%, 50%) #00FF00
  Xanh dương (0, 0, 255) (240°, 100%, 50%) #0000FF
  Vàng (255, 255, 0) (60°, 100%, 50%) #FFFF00
  Xanh lơ (0, 255, 255) (180°, 100%, 50%) #00FFFF
  Đỏ tươi (255, 0, 255) (300°, 100%, 50%) #FF00FF
  Xám (128, 128, 128) (0°, 0%, 50%) #808080