Trang chủ / Công cụ màu sắc / Công cụ điều chỉnh độ sáng màu trực tuyến
Công cụ trực tuyến miễn phí

Công cụ điều chỉnh độ sáng màu trực tuyến

Làm sáng màu HEX, RGB, HSV, HSL bằng cách trộn với trắng theo phần trăm. Ví dụ: #000000 50% thành #808080. Xử lý ngay trong trình duyệt. Quá trình xử lý diễn…

Bắt đầu sử dụng

Tính năng và cách hoạt động

Công cụ này giúp bạn tạo ra một phiên bản sáng hơn của bất kỳ màu nào, hữu ích khi thiết kế giao diện, tạo biến thể màu hoặc kiểm tra nhanh các tông màu.

Thuật toán

Màu được chuyển đổi bằng cách nội suy tuyến tính từng kênh RGB về phía trắng: output = channel + (255 - channel) * percentage / 100, làm tròn đến giá trị byte. Đây không phải là tăng độ sáng HSL hay phép toán màu tuyến tính.

Ví dụ cụ thể

Với màu đen #000000 và tỷ lệ 50%, kết quả là #808080. Ở 0%, màu gốc được giữ nguyên; ở 100%, kết quả là #FFFFFF.

Điều khiển

  • Bảng màu chỉnh sửa với các trường HEX, RGB, HSV, HSL.
  • Thanh trượt phần trăm từ 0 đến 100.
  • Nút tạo kết quả.
  • Nút xóa để đặt lại.

Giới hạn

Công cụ chỉ xử lý một màu duy nhất, không đo độ tương phản, không giữ kênh alpha và không đảm bảo cặp màu nền/chữ có thể đọc được. Toàn bộ xử lý diễn ra trong trình duyệt của bạn.

Câu hỏi thường gặp

Làm cách nào để nhập màu tùy chỉnh?

Bạn có thể nhập trực tiếp vào trường HEX (ví dụ: #336699) hoặc sử dụng các trường RGB, HSV, HSL. Bảng màu cũng cho phép chọn bằng con trỏ.

Kết quả có giữ được độ trong suốt (alpha) không?

Không, công cụ chỉ hoạt động trên các kênh màu RGB, không bao gồm kênh alpha. Nếu bạn cần màu trong suốt, hãy áp dụng sau khi làm sáng.

Tại sao kết quả của tôi không giống với việc tăng độ sáng trong HSL?

Vì thuật toán trộn với màu trắng theo tỷ lệ phần trăm, không phải là tăng độ sáng trong không gian HSL. Điều này tạo ra hiệu ứng khác, thường làm giảm độ bão hòa.

Quá trình xử lý diễn ra cục bộ trong trình duyệt.