Giới thiệu về Sea Shell
Sea Shell (seashell) là màu cam rất nhạt, tươi sáng, có mã hex #fff5ee, hoặc rgb(255, 245, 238). Trong HSL, màu này có sắc độ 25°, độ 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: seashell; thay vì dùng mã hex.
Dùng Sea Shell cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Sea Shell trên nền trắng | 1.07 : 1 | không đạt |
| Chữ Sea Shell trên nền đen | 19.55 : 1 | AAA |
Trên nền sea shell, hãy dùng chữ đen (19.55 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho văn bản thường và 3 : 1 cho chữ lớn. Kiểm tra các cặp màu khác với Công cụ kiểm tra độ tương phản.
CSS
.element {
color: seashell; /* or #fff5ee */
background-color: #fff5ee;
border: 1px solid rgb(255 245 238 / 50%);
}Màu có tên tương tự
Floral White (#fffaf0), Old Lace (#fdf5e6), Lavender Blush (#fff0f5), Ivory (#fffff0), Linen (#faf0e6), White Smoke (#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 sea shell là gì?
#fff5ee — tức là rgb(255, 245, 238) và hsl(25, 100%, 97%). Trong CSS, bạn cũng có thể viết trực tiếp seashell.
Chữ sea shell có dễ đọc trên nền trắng không?
Tỷ lệ tương phản của nó trên nền trắng là 1.07 : 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 sea shell?
Màu bổ sung của nó là #f0f9ff; các màu tương đồng #fff0f1 và #fffef0 nằm ngay cạnh trên bánh xe màu.