PhotoRetrica

Chuyển HSL sang HSV

Chuyển sắc màu, độ bão hòa và độ sáng thành sắc màu, độ bão hòa và giá trị sáng (HSB) cho phần mềm đồ họa.

Tệp không bao giờ rời khỏi thiết bị của bạnMiễn phí 100%
#FF3D77

Nhập hsl

Kết quả · HSV

hsv(342, 76%, 100%)

HEX

#FF3D77

RGB

rgb(255, 61, 119)

HSL

hsl(342, 100%, 62%)

CMYK

cmyk(0%, 76%, 53%, 0%)

Cách sử dụng: HSL sang HSV

  1. 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. 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. 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.

So sánh HSL và HSV

HSL và HSV đều bắt đầu bằng sắc màu, một góc trên bánh xe màu, và đều mô tả phần còn lại của màu bằng hai giá trị phần trăm — nhưng ý nghĩa của chúng khác nhau. Trong HSL, độ sáng 50% là màu thuần và 100% luôn là trắng. Trong HSV, còn gọi là HSB, giá trị sáng 100% là phiên bản sáng nhất của sắc màu, còn màu trắng là giá trị sáng 100% với độ bão hòa 0%. Độ bão hòa cũng được tính khác nhau, nên không thể chép nguyên các con số sang.

Đó là lý do một màu viết trong CSS là hsl(120, 100%, 25%) — màu CSS Green — phải được nhập vào bảng chọn màu HSV là hsv(120, 100%, 50%). Hãy dùng công cụ này khi chuyển màu từ code web sang Photoshop, Figma, Blender hoặc code xử lý ảnh dùng HSV. Sắc màu giữ nguyên; chỉ độ bão hòa và giá trị thứ ba thay đổi.

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ủ.