Mã màu Spring Green (#00ff7f)

Spring Green là #00ff7f ở dạng hex và rgb(0, 255, 127) — một màu xanh lá vừa. Dưới đây là mọi định dạng màu, các sắc độ nhạt và đậm, phối màu và mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Spring Green
#00ff7f
Tên CSSspringgreen
Hex#00ff7f
RGBrgb(0, 255, 127)
HSLhsl(150 100% 50%)
HWBhwb(150 0% 0%)
CMYK100%, 0%, 50%, 0%

Sắc độ nhạt và đậm

Phối màu hài hòa

Về Spring Green

Spring Green (springgreen) là một màu xanh lá vừa, tươi sáng, có mã hex #00ff7f, hoặc rgb(0, 255, 127). Trong HSL, màu này có sắc độ 150°, độ bão hòa 100% và độ sáng 50%. Đâ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: springgreen; thay cho mã hex.

Dùng Spring Green cho chữ và nền

Cặp màuTỷ lệ tương phảnWCAG
Chữ Spring Green trên nền trắng1.35 : 1không đạt
Chữ Spring Green trên nền đen15.61 : 1AAA

Trên nền xanh Spring Green, hãy dùng chữ đen (15.61 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 cho chữ nội dung và 3 : 1 cho chữ lớn. Kiểm tra các cặp màu khác với Kiểm tra độ tương phản.

CSS

.element {
  color: springgreen;               /* or #00ff7f */
  background-color: #00ff7f;
  border: 1px solid rgb(0 255 127 / 50%);
}

Các màu có tên tương tự

Xanh lá mùa xuân vừa (#00fa9a), Xanh lục biển nhạt (#20b2aa), Xanh ngọc lam đậm (#00ced1), Xanh lục biển vừa (#3cb371), Xanh chanh (#32cd32), Xanh ngọc lam (#40e0d0).

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

Mã hex của spring green là gì?
#00ff7f — tức là rgb(0, 255, 127) và hsl(150, 100%, 50%). Trong CSS, bạn cũng có thể viết trực tiếp springgreen.
Chữ spring green 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.35 : 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 spring green?
Màu bổ sung của nó là #ff0080; các màu tương đồng #00ff00 và #00ffff nằm cạnh nó trên bánh xe màu.