Mã Màu Xanh Lá Nhạt (#90ee90)

Xanh lá nhạt là #90ee90 ở dạng hex và rgb(144, 238, 144) — một màu xanh lá nhạt. Dưới đây là mọi định dạng màu, sắc thái và bóng tối, màu hài hòa, cùng mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Xanh lá nhạt
#90ee90
Tên CSSlightgreen
Hex#90ee90
RGBrgb(144, 238, 144)
HSLhsl(120 73% 75%)
HWBhwb(120 56% 7%)
CMYK39%, 0%, 39%, 7%

Sắc thái và bóng tối

Màu hài hòa

Về màu xanh lá nhạt

Xanh lá nhạt (lightgreen) là màu xanh lá nhạt, tươi sáng, có mã hex #90ee90, hoặc rgb(144, 238, 144). Trong HSL, màu này có sắc độ 120°, độ bão hòa 73% và độ sáng 75%. Đâ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: lightgreen; thay vì giá trị hex.

Dùng xanh lá nhạt cho chữ và nền

Cặp màuTỷ lệ tương phảnWCAG
Chữ xanh lá nhạt trên nền trắng1.42 : 1không đạt
Chữ xanh lá nhạt trên nền đen14.82 : 1AAA

Trên nền xanh lá nhạt, hãy dùng chữ đen (14.82 : 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 văn bản lớn. Kiểm tra các cặp màu khác bằng Công cụ kiểm tra tương phản.

CSS

.element {
  color: lightgreen;               /* or #90ee90 */
  background-color: #90ee90;
  border: 1px solid rgb(144 238 144 / 50%);
}

Màu có tên tương tự

Xanh lá nhợt (#98fb98), Xanh lá biển đậm (#8fbc8f), Xanh ngọc trung bình (#66cdaa), Xanh ngọc biển (#7fffd4), Xám đậm (#a9a9a9), Kaki đậm (#bdb76b).

Câu hỏi thường gặp

Mã hex của xanh lá nhạt là gì?
#90ee90 — tức là rgb(144, 238, 144) và hsl(120, 73%, 75%). Trong CSS, bạn cũng có thể viết đơn giản là lightgreen.
Chữ xanh lá nhạt 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.42 : 1, không đạt WCAG — hãy dùng cho trang trí hoặc trên nền tối.
Những màu nào hợp với xanh lá nhạt?
Màu bổ sung của nó là #ee91ee; các màu tương tự #bfee91 và #91eebf nằm cạnh nó trên bánh xe màu.