Skip to main content
appkiro.com
Màu sắc

Đổi HSL sang HSV

Chuyển HSL thường dùng cho chỉnh màu CSS theo sắc độ, độ bão hòa và độ sáng thành sắc độ, độ bão hòa và value cho quy trình dùng bộ chọn màu, phù hợp với bộ chọn màu, xoay sắc độ và điều khiển đồ họa.

Giá trị được chuyển đổi ngay trên trang bằng các hàm TypeScript cục bộ; phép tính này không cần tải màu lên server.

1. Nhập giá trị HSL

Chọn màu trực quan, dùng thanh trượt hoặc dán giá trị.

RGBHSL
9
100%
64%

Màu mẫu

2. Xem trước trực tiếp

hsv(9, 72%, 100%)

tomato

Xem trước

Gốc

rgb(255, 99, 71)

Làm sáng 20%

rgb(255, 130, 108)

Làm tối 20%

rgb(204, 79, 57)

Bổ túc

rgb(71, 227, 255)

Thông tin màu

Tên màu:tomatoĐộ sáng:56%Độ chói:0.306Tương phản với trắng:2.95 : 1Tương phản với đen:7.13 : 1

So sánh trực quan

Aa

Với chữ trắng

Aa

Với chữ đen

3. Kết quả

hsv(9, 72%, 100%)

Định dạng khác

HEX#FF6347
RGBrgb(255, 99, 71)
RGBArgba(255, 99, 71, 1)
HSLhsl(9, 100%, 64%)
HSLAhsla(9, 100%, 64%, 1)
HSVhsv(9, 72%, 100%)
CMYKcmyk(0%, 61%, 72%, 0%)
Tên màutomato

Bảng màu

Bạn có biết?

Bạn có thể lấy màu trên màn hình khi trình duyệt hỗ trợ EyeDropper API.

Trả lời nhanh

Chuyển HSL thường dùng cho chỉnh màu CSS theo sắc độ, độ bão hòa và độ sáng thành sắc độ, độ bão hòa và value cho quy trình dùng bộ chọn màu, phù hợp với bộ chọn màu, xoay sắc độ và điều khiển đồ họa. Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng HSL → HSV → HSL khác giá trị ban đầu.

Công cụ này làm gì

Chuyển HSL thường dùng cho chỉnh màu CSS theo sắc độ, độ bão hòa và độ sáng thành sắc độ, độ bão hòa và value cho quy trình dùng bộ chọn màu, phù hợp với bộ chọn màu, xoay sắc độ và điều khiển đồ họa. Dùng trang tập trung này khi nguồn đã là HSL và hệ thống tiếp theo cần riêng HSV; dùng bộ chuyển đổi tổng hợp khi cần xem nhiều biểu diễn cùng lúc.

Khả năng đã xác minh

Dữ liệu đầu vào HSL hợp lệ

Nhập sắc độ theo độ, độ bão hòa và độ sáng theo phần trăm. sắc độ được quay vòng trong khoảng 0–360°.

Đọc kết quả HSV

sắc độ, độ bão hòa và value cho quy trình dùng bộ chọn màu

Kiểm tra giới hạn chính xác

Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng HSL → HSV → HSL khác giá trị ban đầu. Đối chiếu kết quả với nơi sử dụng dự kiến trước khi dùng lại.

Khi nào nên dùng

  • Dùng trang tập trung này khi nguồn đã là HSL và hệ thống tiếp theo cần riêng HSV; dùng bộ chuyển đổi tổng hợp khi cần xem nhiều biểu diễn cùng lúc.
  • Chuyển HSL thường dùng cho chỉnh màu CSS theo sắc độ, độ bão hòa và độ sáng thành sắc độ, độ bão hòa và value cho quy trình dùng bộ chọn màu, phù hợp với bộ chọn màu, xoay sắc độ và điều khiển đồ họa.
  • HSL → HSV: bộ chọn màu, xoay sắc độ và điều khiển đồ họa.

Cách sử dụng

  1. Nhập màu nguồn

    Nhập sắc độ theo độ, độ bão hòa và độ sáng theo phần trăm. sắc độ được quay vòng trong khoảng 0–360°. Trong mục “Cách sử dụng: Nhập màu nguồn”, lưu ý này áp dụng riêng cho Đổi HSL sang HSV.

  2. Kiểm tra bản xem trước đã chuẩn hóa

    Dùng thanh trượt, ô nhập trực tiếp, swatch mẫu hoặc bộ chọn hệ thống khi có. Bản xem trước cho thấy bước chuẩn hóa trước khi định dạng HSV.

  3. Sao chép giá trị đích

    Sao chép dòng HSV. Các dòng khác vẫn hiện để đối chiếu nhưng mục đích của trang là HSL → HSV.

  4. Kiểm tra giới hạn chính xác

    Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng HSL → HSV → HSL khác giá trị ban đầu. Đối chiếu kết quả với nơi sử dụng dự kiến trước khi dùng lại. Dùng bản xem trước để phát hiện lỗi phân tích trước khi sao chép dòng HSV.

Giải thích tùy chọn

Dữ liệu đầu vào HSL hợp lệ

Nhập sắc độ theo độ, độ bão hòa và độ sáng theo phần trăm. sắc độ được quay vòng trong khoảng 0–360°. Trong mục “Giải thích tùy chọn: Dữ liệu đầu vào HSL hợp lệ”, lưu ý này áp dụng riêng cho Đổi HSL sang HSV.

Đọc kết quả HSV

sắc độ, độ bão hòa và value cho quy trình dùng bộ chọn màu. Value của HSV là kênh RGB lớn nhất, không phải độ sáng cảm nhận; HSV cũng không phải cú pháp CSS độc lập.

Kết quả được tạo như thế nào

Nhập sắc độ theo độ, độ bão hòa và độ sáng theo phần trăm. sắc độ được quay vòng trong khoảng 0–360°. Khu vực chuyển đổi đưa dữ liệu đầu vào về bộ ba sRGB rồi định dạng thành sắc độ, độ bão hòa và value cho quy trình dùng bộ chọn màu. HSL là phép biến đổi từ RGB, không đồng đều theo cảm nhận; độ bão hòa của HSL khác độ bão hòa của HSV. Value của HSV là kênh RGB lớn nhất, không phải độ sáng cảm nhận; HSV cũng không phải cú pháp CSS độc lập.

Độ chính xác và giới hạn

  • Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng HSL → HSV → HSL khác giá trị ban đầu.
  • HSL là phép biến đổi từ RGB, không đồng đều theo cảm nhận; độ bão hòa của HSL khác độ bão hòa của HSV.
  • Value của HSV là kênh RGB lớn nhất, không phải độ sáng cảm nhận; HSV cũng không phải cú pháp CSS độc lập.

Xử lý và quyền riêng tư

Giá trị được chuyển đổi ngay trên trang bằng các hàm TypeScript cục bộ; phép tính này không cần tải màu lên server.

Mẹo sử dụng

  • Giữ lại giá trị HSL gốc khi đối chiếu kết quả HSV đã làm tròn.
  • Dùng bản xem trước để phát hiện lỗi phân tích trước khi sao chép dòng HSV.

Xử lý sự cố

Vì sao dữ liệu đầu vào HSL bị từ chối?

Nhập sắc độ theo độ, độ bão hòa và độ sáng theo phần trăm. sắc độ được quay vòng trong khoảng 0–360°. Trong mục “Xử lý sự cố: Vì sao dữ liệu đầu vào HSL bị từ chối?”, lưu ý này áp dụng riêng cho Đổi HSL sang HSV.

Vì sao đổi HSL sang HSV rồi đổi ngược lại cho kết quả khác?

Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng HSL → HSV → HSL khác giá trị ban đầu. Trong mục “Xử lý sự cố: Vì sao đổi HSL sang HSV rồi đổi ngược lại cho kết quả khác?”, lưu ý này áp dụng riêng cho Đổi HSL sang HSV.

Kiểm tra giới hạn chính xác

Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng HSL → HSV → HSL khác giá trị ban đầu. Đặt lại công cụ rồi thử bằng giá trị chắc chắn được hỗ trợ trước khi kết luận lỗi thuật toán.

Câu hỏi về công cụ

Khi nào nên dùng riêng bộ đổi HSL sang HSV?

Dùng trang tập trung này khi nguồn đã là HSL và hệ thống tiếp theo cần riêng HSV; dùng bộ chuyển đổi tổng hợp khi cần xem nhiều biểu diễn cùng lúc. Trong mục “Khi nào nên dùng riêng bộ đổi HSL sang HSV?”, lưu ý này áp dụng riêng cho Đổi HSL sang HSV.

Vì sao dữ liệu đầu vào HSL bị từ chối?

Nhập sắc độ theo độ, độ bão hòa và độ sáng theo phần trăm. sắc độ được quay vòng trong khoảng 0–360°. Trong mục “Vì sao dữ liệu đầu vào HSL bị từ chối?”, lưu ý này áp dụng riêng cho Đổi HSL sang HSV.

Vì sao đổi HSL sang HSV rồi đổi ngược lại cho kết quả khác?

Chuẩn hóa kênh và định dạng số nguyên/phần trăm có thể làm vòng HSL → HSV → HSL khác giá trị ban đầu. Trong mục “Vì sao đổi HSL sang HSV rồi đổi ngược lại cho kết quả khác?”, lưu ý này áp dụng riêng cho Đổi HSL sang HSV.

Kết quả HSV dùng cú pháp nào?

sắc độ, độ bão hòa và value cho quy trình dùng bộ chọn màu. bộ chọn màu, xoay sắc độ và điều khiển đồ họa. Value của HSV là kênh RGB lớn nhất, không phải độ sáng cảm nhận; HSV cũng không phải cú pháp CSS độc lập.

Dữ liệu đầu vào HSL được chuẩn hóa thế nào trước khi đổi?

Nhập sắc độ theo độ, độ bão hòa và độ sáng theo phần trăm. sắc độ được quay vòng trong khoảng 0–360°. HSL là phép biến đổi từ RGB, không đồng đều theo cảm nhận; độ bão hòa của HSL khác độ bão hòa của HSV.

Giá trị HSL có được tải lên khi chuyển đổi không?

Giá trị được chuyển đổi ngay trên trang bằng các hàm TypeScript cục bộ; phép tính này không cần tải màu lên server. Giữ lại giá trị HSL gốc khi đối chiếu kết quả HSV đã làm tròn.

Tiếp tục quy trình màu

Dùng trang tập trung này khi nguồn đã là HSL và hệ thống tiếp theo cần riêng HSV; dùng bộ chuyển đổi tổng hợp khi cần xem nhiều biểu diễn cùng lúc. Trong mục “Tiếp tục quy trình màu”, lưu ý này áp dụng riêng cho Đổi HSL sang HSV.

Tiếp tục bằng công cụ liên quan

Mở trang liên quan đầu tiên khi cần làm tiếp sau phép đổi HSL → HSV chuyên biệt.

Đổi mã màu HEX, RGB, HSL, LAB và OKLCH