HEX sang RGBA

So sánh HEX với RGBA

Trong hầu hết các trường hợp, có thể nhận ra một màu bằng mã hex, chỉ tính đến các chữ số đầu tiên của các cặp. Trong ví dụ dưới đây, rõ ràng là màu sắc được pha trộn với rất nhiều màu đỏ, một ít màu xanh lam và không có màu xanh lá cây nào cả. Hiểu màu theo mã hex cho phép một nhà thiết kế web điều hướng mã trang nhanh hơn và bên cạnh đó, bạn luôn có thể gây ấn tượng với đồng nghiệp hoặc khách hàng bằng cách nói À, màu đỏ tía tuyệt vời làm sao. Bạn cũng có thể dễ dàng thay đổi độ sáng, màu sắc hoặc độ bão hòa của màu bằng cách chỉ chỉnh sửa mã thập lục phân của nó. Trong ví dụ đầu tiên bên dưới, một trong các cặp được thay đổi trong các bước 10%, trong khi độ sáng màu tăng lên. Trong ví dụ thứ hai, độ sáng tăng lên, nhưng độ bão hòa giảm:

RGBA là phiên bản mở rộng của RGB, nhưng có hỗ trợ thêm cho kênh alpha, kênh này chịu trách nhiệm về độ trong suốt của màu tô. Đối với mô hình màu này, bốn hệ số đã được chỉ ra, hệ số cuối cùng là số phân số trong phạm vi từ 0, trong đó 0 là độ trong suốt hoàn toàn đến 1, sẽ tương ứng với màu hoàn toàn không trong suốt. Hệ thống RGBA bổ sung một số khác mô tả độ trong suốt của màu, giá trị có thể nằm trong khoảng từ 0 (hoàn toàn trong suốt) đến 1 (hoàn toàn không trong suốt). Giá trị 0,5 làm cho màu nửa trong suốt, được coi là phiên bản nửa trong suốt của màu tím đậm, được chỉ định bằng cách sử dụng hệ thống RGBA: color: rgba (204, 51, 255, 0,5). Bạn có thể thấy rằng các giá trị cho màu đỏ, xanh lục và xanh lam tương tự như hệ thống RGB. Con số thứ tư - 0,5 là mức độ minh bạch. Màu RGBA hữu ích để tạo các phần tử trong mờ làm cho các phần tử bên dưới chúng có thể nhìn thấy được.