CSS HEX Colors

Một màu thập lục phân được chỉ định bằng #RRGGBB, ở đó các số nguyên thập lục phân RR (red), GG (green) và BB (blue) được sử dụng để chỉ định các thành phần của màu sắc.

Giá trị HEX

Trong CSS, một màu sắc có thể được chỉ định bằng cách sử dụng một giá trị thập lục phân ở dạng:

#rrggbb

Ở đó rr (red), gg (green) và bb (blue) là các giá trị thập lục phân ở giữa 00 và ff (giống như số thập phân 0-255).

Ví dụ, #ff0000 được hiển thị như là màu đỏ, bởi vì màu đỏ được thiết lập thành giá trị cao nhất của nó là (ff) và các màu khác được thiết lập thành giá trị thấp nhất là (00).

Để hiển thị màu đen, chúng ta thiết lập tất cả các giá trị thành 00, như sau: #000000.

Để hiển thị màu trắng, chúng ta thiết lập tất cả các giá trị thành ff, như sau: #ffffff.  

Thử nghiệm bằng cách trộn các giá trị HEX bên dưới:

Ví dụ:

Các sắc thái của màu xám thường được định nghĩa bằng cách sử dụng các giá trị bằng nhau cho tất cả ba nguồn sáng:

Ví dụ:

Giá trị HEX có ba chữ số

Thỉnh thoảng bạn sẽ thấy một mã hex có ba chữ số trong mã nguồn CSS.

Mã hex có ba chữ số là một phương pháp viết nhanh cho một số mã hex có sáu chữ số.

Mã hex có ba chữ số có dạng sau:

#rgb

Ở đó r, g, và b miêu tả các thành phần màu đỏ, màu xanh lá cây, và màu xanh nước biển với các giá trị ở giữa 0 và f.

Mã hex có ba chữ số chỉ có thể được sử dụng khi tất cả các giá trị (RR, GG, và BB) là giống nhau cho mỗi thành phần. Vì vậy, nếu như chúng ta có #ff00cc, thì nó có thể được viết như sau: #f0c.

Sau đây là một ví dụ:

body {
    background-color: #fc9; /* same as #ffcc99 */
}

h1 {
    color: #f0f; /* same as #ff00ff */
}

p {
    color: #b58; /* same as #bb5588 */
}