Bộ chuyển đổi RGB/HEX
Chuyển đổi giữa định dạng màu RGB và Hex
RGB/HEX Converter
Convert between RGB and HEX colors
RGB to HSL Converter là một công cụ chuyển đổi màu sắc cần thiết cho các nhà thiết kế và phát triển. Chuyển đổi ngay lập tức các giá trị màu RGB sang định dạng HSL, cho phép kiểm soát màu tốt hơn, thao tác màu dễ dàng hơn và điều chỉnh màu trực quan hơn trong các dự án thiết kế và CSS.
Bộ chuyển đổi RGB HEX
Màu đầu vào
Nhập mã hex, giá trị RGB hoặc dán tham chiếu màu
Xem kết quả
Xem chuyển đổi tức thời sang định dạng HSL với bản xem trước trực quan
Hiểu các thành phần
Tìm hiểu ý nghĩa của màu sắc (H), độ bão hòa (S) và độ sáng (L)
Tinh chỉnh
Sử dụng thanh trượt để điều chỉnh giá trị HSL và xem các thay đổi theo thời gian thực
Sao chép giá trị
Nhấp vào nút sao chép để lấy mã màu đã chuyển đổi
Sử dụng trong CSS
Áp dụng các giá trị HSL trong bảng định kiểu của bạn để thao tác màu dễ dàng hơn
Frequently Asked Questions
Sự khác biệt giữa RGB và HEX là gì?
RGB sử dụng giá trị thập phân 0-255, HEX sử dụng thập lục phân 00-FF
RGBA là gì?
RGB với kênh Alpha cho độ trong suốt
Tôi có thể sử dụng cái này để in không?
HEX/RGB dành cho màu màn hình, sử dụng CMYK để in
Bản xem trước màu chính xác đến mức nào?
Rất chính xác - sử dụng kết xuất màu của trình duyệt
Tại sao nên sử dụng HSL thay vì RGB?
HSL trực quan hơn đối với nhận thức của con người. Việc điều chỉnh độ bão hòa hoặc độ sáng trong HSL dễ dàng hơn việc tính toán lại giá trị RGB, giúp thao tác và biến đổi màu sắc trở nên đơn giản hơn.
Độ bão hòa có nghĩa là gì trong HSL?
Độ bão hòa (0-100%) kiểm soát cường độ màu. 0% là thang độ xám, 100% là màu thuần. Nó xác định mức độ sống động hoặc tắt tiếng của màu sắc.
Độ nhẹ có nghĩa là gì trong HSL?
Độ sáng (0-100%) kiểm soát độ sáng. 0% là màu đen, 50% là màu thuần khiết, 100% là màu trắng. Nó xác định màu sắc tối hay sáng xuất hiện như thế nào.
Tôi có thể sử dụng màu HSL trong tất cả các trình duyệt không?
Có, cú pháp màu HSL được hỗ trợ trong tất cả các trình duyệt hiện đại. Bạn có thể sử dụng hsl() trực tiếp trong CSS mà không cần bất kỳ tiền tố nhà cung cấp nào.
Làm cách nào để tạo các biến thể màu sắc?
Giữ màu sắc không đổi và điều chỉnh độ bão hòa và độ sáng. Việc giảm độ bão hòa sẽ tạo ra các tông màu bị tắt, trong khi việc giảm độ sáng sẽ tạo ra các sắc thái tối hơn.
Có sự khác biệt giữa HSL và HSLA không?
HSLA bao gồm một kênh alpha để minh bạch. HSLA(màu sắc, độ bão hòa%, độ sáng%, alpha) cho phép bạn kiểm soát độ mờ từ 0 (trong suốt) đến 1 (mờ).
Tool Information
Related Tools You Might Like
Trình tạo bảng màu từ ảnh
Name
Chung
Tạo lược tự chọn với ô xem thử
Trình kiểm tra độ tương phản WCAG
Kiểm tra độ tương phản màu theo tiêu chuẩn WCAG
Trình tạo chữ ký số
Tạo các ký hiệu kỹ thuật số có cấu hình khác nhau
Name
Tạo ra bóng hộp CN
Trình tạo ảnh văn bản
Tạo ra bóng văn bản CN
Máy tính âm lượng Surfboard
Tính toán một khối lượng hoàn hảo dựa trên trọng lượng, mức kinh nghiệm và điều kiện sóng.
Trình chuyển đổi chiều cao Sóng
Chuyển đổi giữa các đợt đo chiều cao khác nhau (mặt cao, tỷ lệ Hawaii, sóng biển).
Comment
Lên kế hoạch lặn với giới hạn độ sâu, thời gian dưới và mức an toàn.