Về Peach Puff
Peach Puff (peachpuff) là màu cam rất nhạt, tươi sáng, có mã hex #ffdab9, hay rgb(255, 218, 185). Trong HSL, màu này có sắc độ 28°, độ bão hòa 100% và độ sáng 86%. Đâ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: peachpuff; thay vì giá trị hex.
Dùng Peach Puff cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Peach Puff trên nền trắng | 1.31 : 1 | không đạt |
| Chữ Peach Puff trên nền đen | 15.98 : 1 | AAA |
Trên nền peach puff, hãy dùng chữ đen (15.98 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với văn bản thường và 3 : 1 với chữ lớn. Kiểm tra các cặp khác bằng Công cụ kiểm tra độ tương phản.
CSS
.element {
color: peachpuff; /* or #ffdab9 */
background-color: #ffdab9;
border: 1px solid rgb(255 218 185 / 50%);
}Tên màu tương tự
Moccasin (#ffe4b5), Wheat (#f5deb3), Navajo White (#ffdead), Bisque (#ffe4c4), Blanched Almond (#ffebcd), Pale Goldenrod (#eee8aa).
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 peach puff là gì?
#ffdab9 — tức là rgb(255, 218, 185) và hsl(28, 100%, 86%). Trong CSS, bạn cũng có thể viết trực tiếp peachpuff.
Chữ peach puff 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.31 : 1, không đạt WCAG — nên dùng để trang trí hoặc trên nền tối.
Màu nào hợp với peach puff?
Màu bù trừ của nó là #b8deff; các màu tương tự #ffb8ba và #fffdb8 nằm cạnh nó trên vòng tròn màu.