Về màu Sea Green
Sea Green (seagreen) là một màu xanh lục đậm, độ bão hòa vừa phải, có mã hex #2e8b57, hoặc rgb(46, 139, 87). Trong HSL, màu này có sắc độ 146°, độ bão hòa 50% và độ sáng 36%. Đâ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: seagreen; thay cho mã hex.
Dùng Sea Green cho chữ và nền
| Cặp màu | Tỷ lệ tương phản | WCAG |
|---|---|---|
| Chữ Sea Green trên nền trắng | 4.25 : 1 | Chỉ đạt AA với chữ lớn |
| Chữ Sea Green trên nền đen | 4.95 : 1 | AA |
Trên nền sea green, hãy dùng chữ đen (4.95 : 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. Bạn có thể kiểm tra các cặp màu khác bằng Contrast Checker.
CSS
.element {
color: seagreen; /* or #2e8b57 */
background-color: #2e8b57;
border: 1px solid rgb(46 139 87 / 50%);
}Các màu có tên tương tự
Medium Sea Green (#3cb371), Forest Green (#228b22), Dark Slate Gray (#2f4f4f), Teal (#008080), Dark Olive Green (#556b2f), Dark Cyan (#008b8b).
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 green là gì?
#2e8b57, tức là rgb(46, 139, 87) và hsl(146, 50%, 36%). Trong CSS, bạn cũng có thể viết trực tiếp seagreen.
Chữ sea green trên nền trắng có dễ đọc không?
Tỷ lệ tương phản trên nền trắng là 4.25 : 1, chỉ đạt chuẩn WCAG AA với chữ lớn.
Những màu nào hợp với sea green?
Màu bù trừ của nó là #8a2e62. Các màu tương đồng #348a2e và #2e8a84 nằm cạnh nó trên bánh xe màu.