Mã màu Green Yellow (#adff2f)

Green Yellow là #adff2f ở dạng hex và rgb(173, 255, 47), một màu xanh lá vừa phải. Dưới đây là mọi định dạng màu, sắc thái và tông tối, phối màu, cùng mức độ dễ đọc khi dùng làm chữ.

Cập nhật

Green Yellow
#adff2f
Tên CSSgreenyellow
Hex#adff2f
RGBrgb(173, 255, 47)
HSLhsl(84 100% 59%)
HWBhwb(84 18% 0%)
CMYK32%, 0%, 82%, 0%

Sắc thái và tông tối

Phối màu

Giới thiệu về Green Yellow

Green Yellow (greenyellow) là một màu xanh lá vừa phải, rực rỡ, có mã hex #adff2f, hoặc rgb(173, 255, 47). Trong HSL, màu có sắc độ 84°, độ bão hòa 100% và độ sáng 59%. Đâ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: greenyellow; thay cho giá trị hex.

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

Cặp màuTỉ lệ tương phảnWCAG
Chữ Green Yellow trên nền trắng1.23 : 1không đạt
Chữ Green Yellow trên nền đen17.12 : 1AAA

Trên nền green yellow, hãy dùng chữ đen (17.12 : 1). WCAG yêu cầu tối thiểu 4.5 : 1 với chữ nội dung và 3 : 1 với chữ 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: greenyellow;               /* or #adff2f */
  background-color: #adff2f;
  border: 1px solid rgb(173 255 47 / 50%);
}

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

Vàng xanh lục (Yellow Green) (#9acd32), Chartreuse (#7fff00), Xanh cỏ (Lawn Green) (#7cfc00), Vàng (Yellow) (#ffff00), Kaki đậm (Dark Khaki) (#bdb76b), Vàng cúc (Goldenrod) (#daa520).

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

Mã hex của green yellow là gì?
#adff2f, tương ứng với rgb(173, 255, 47) và hsl(84, 100%, 59%). Trong CSS, bạn cũng có thể viết trực tiếp greenyellow.
Chữ green yellow trên nền trắng có dễ đọc không?
Tỉ lệ tương phản trên nền trắng là 1.23 : 1, không đạt chuẩn WCAG. Hãy dùng màu này để trang trí hoặc trên nền tối.
Những màu nào hợp với green yellow?
Màu bổ sung của nó là #822eff; các màu tương tự #ffea2e và #43ff2e nằm cạnh nó trên vòng màu.