Về Floral White
Floral White (floralwhite) là một màu cam rất nhạt, tươi sáng, có mã hex #fffaf0, hoặc rgb(255, 250, 240). Trong HSL, màu này có sắc độ 40°, độ bão hòa 100% và độ sáng 97%. Đây là một trong 148 màu có tên mà mọi trình duyệt đều hiểu, nên bạn có thể viết color: floralwhite; thay cho giá trị hex.
Dùng Floral White cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Floral White trên nền trắng | 1.04 : 1 | không đạt |
| Chữ Floral White trên nền đen | 20.18 : 1 | AAA |
Trên nền floral white, hãy dùng chữ đen (20.18 : 1). WCAG yêu cầu tỷ lệ tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho chữ lớn. Bạn có thể kiểm tra các cặp màu khác với Contrast Checker.
CSS
.element {
color: floralwhite; /* or #fffaf0 */
background-color: #fffaf0;
border: 1px solid rgb(255 250 240 / 50%);
}Tên màu tương tự
Ivory (#fffff0), Vỏ sò (#fff5ee), Tuyết (#fffafa), Hồng oải hương nhạt (#fff0f5), Ren cổ (#fdf5e6), Khói trắng (#f5f5f5).
Tìm tên màu
Dán mã HEX để nhận tên màu dễ đọc gần nhất và tên token gọn gàng cho CSS, SCSS, JavaScript hoặc cấu hình Tailwind của bạn.
Câu hỏi thường gặp
Mã hex của floral white là gì?
#fffaf0, tương ứng với rgb(255, 250, 240) và hsl(40, 100%, 97%). Trong CSS, bạn cũng có thể chỉ cần viết floralwhite.
Chữ floral white trên nền trắng có dễ đọc không?
Tỷ lệ tương phản của nó trên nền trắng là 1.04 : 1, không đạt chuẩn WCAG. Hãy dùng nó để trang trí hoặc trên nền tối.
Những màu nào hợp với floral white?
Màu bổ sung của nó là #f0f5ff; các màu tương đồng #fff2f0 và #fcfff0 nằm cạnh nó trên bánh xe màu.