Chuyển RGB sang HSB
Lấy giá trị sắc màu, độ bão hòa và độ sáng từ màu RGB để nhập vào Photoshop, Figma hoặc Sketch.
Nhập rgb
Kết quả · HSB
hsb(344, 76%, 100%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Cách sử dụng: RGB sang HSB
- 1
Nhập màu
Gõ mã màu hoặc chọn màu bằng công cụ chọn màu — mỗi ô đều chấp nhận định dạng được hiển thị.
- 2
Xem kết quả chuyển đổi
Kết quả cập nhật ngay khi bạn gõ, kèm bản xem trước trực tiếp của màu.
- 3
Sao chép mã
Sao chép giá trị bạn cần chỉ với một cú nhấp và dán vào thiết kế, CSS hoặc cài đặt in của bạn.
HSB nghĩa là gì
HSB là viết tắt của hue, saturation và brightness — sắc màu, độ bão hòa và độ sáng. Đây là cùng hệ màu với HSV — chỉ khác tên thành phần thứ ba — và là tên mà Adobe Photoshop, Illustrator, Figma và Sketch dùng trong bảng chọn màu. Sắc màu được tính theo độ từ 0 đến 360, độ bão hòa và độ sáng theo phần trăm.
Hãy chuyển RGB sang HSB khi bạn có giá trị kênh từ ảnh chụp màn hình, website hay tài liệu đặc tả và muốn nhập màu vào ứng dụng thiết kế dùng HSB, hoặc khi muốn hiểu rõ hơn về một màu: độ bão hòa thấp nghĩa là tông ngả xám, độ sáng thấp nghĩa là tông tối. Ví dụ, rgb(255, 61, 114) trở thành hsb(344, 76%, 100%). Công cụ cũng hiển thị HEX, HSL, HSV và CMYK cho cùng màu đó, mỗi giá trị có nút sao chép.
Mọi thứ đều chạy cục bộ trong trình duyệt của bạn — ảnh của bạn không bao giờ được tải lên máy chủ.