Công cụ Pantone

RGB to HSL

Chuyển đổi giá trị màu RGB sang HSL để có hệ thống thiết kế và thao tác màu trực quan

Sắc độ, Độ bão hòa, Độ sáng - mô hình màu trực quan dành cho nhà thiết kế

Bộ chuyển đổi màu

RGB Input

255
0 128 255
0
0 128 255
0
0 128 255

Nhấp vào mẫu màu để xem ví dụ

HSL Output

hsl(0°, 100%, 50%)

HSL Controls

Sắc thái
180° 360°
Độ bão hòa 100%
0% 50% 100%
Độ nhẹ 50%
0% 50% 100%

hsl(0°, 100%, 50%)

Các định dạng bổ sung

RGB Value

rgb(255, 0, 0)

HEX Value

#FF0000

Giá trị thập phân

16711680

Sử dụng CSS

color: hsl(0°, 100%, 50%);

Tâm lý màu sắc

Màu đỏ tươi này có độ bão hòa tối đa và độ sáng vừa phải, tạo nên một màu sắc mãnh liệt, tràn đầy năng lượng. Màu đỏ gắn liền với niềm đam mê, sự cấp bách và phấn khích trong hầu hết các nền văn hóa.

Ví dụ chuyển đổi

Màu đỏ rực rỡ

RGB 255, 0, 0
HSL 0°, 100%, 50%
HEX #FF0000

Rừng xanh

RGB 34, 139, 34
HSL 120°, 61%, 34%
HEX #228B22

Xanh hoàng gia

RGB 65, 105, 225
HSL 225°, 73%, 56%
HEX #4169E1

Hồng mềm mại

RGB 255, 192, 203
HSL 350°, 100%, 88%
HEX #FFC0CB

Màu tím đậm

RGB 128, 0, 128
HSL 300°, 100%, 25%
HEX #800080

Xám ấm

RGB 169, 169, 169
HSL 0°, 0%, 66%
HEX #A9A9A9

Công cụ được đề xuất

Giới thiệu về công cụ này

Bộ chuyển đổi RGB sang HSL này kết nối hai mô hình màu quan trọng được sử dụng trong thiết kế kỹ thuật số, giúp làm việc với màu sắc dễ dàng hơn theo cách trực quan hơn.

RGB (Red, Green, Blue) is an additive color model where colors are created by combining light. This system is used for digital displays, with each component ranging from 0 to 255.

HSL (Hue, Saturation, Lightness) represents colors in a way that aligns more naturally with human perception:

  • Sắc thái: The color itself, represented as a degree (0-360) on a color wheel
  • Độ bão hòa: The intensity or purity of the color (0-100%)
  • Độ nhẹ: How light or dark the color is (0-100%)

HSL is particularly valuable for creating color systems and palettes, as it allows for intuitive adjustments. For example, you can easily create tints by reducing saturation or shades by adjusting lightness while maintaining the same hue. This converter provides accurate translations between RGB and HSL, essential for consistent color implementation across digital projects.

Những câu hỏi thường gặp