Màu xanh cỏ

Sắc xanh lá tươi như bãi cỏ vừa tưới. Trong CSS nó tên là lawngreen. Đây là màu sống động, dùng trong tranh đồng quê, sân thể thao và trò chơi cho trẻ em.

Còn gọi là: màu cỏ non.

Xanh cỏ · #7CFC00

Thông tin về màu xanh cỏ

Màu xanh cỏ (#7CFC00) là màu nửa ấm nửa lạnh, sáng vừa và rất rực rỡ. Màu này thuộc nhóm màu xanh lá. Nó được pha từ 124 phần đỏ, 252 phần xanh lá và 0 phần xanh dương (trên 255). Màu này thường dùng cho thể thao, web, trẻ em.

Các sắc độ của màu xanh cỏ: sáng và tối

Từ sáng đến tối. Chạm vào một sắc độ để sao chép mã màu.

Phối màu hài hòa với màu xanh cỏ

Các cách phối theo vòng tròn màu. Xem thêm tại phối màu hài hòa.

Bổ túcGần với: Tím biếc

Tương đồngGần với: Vàng, Xanh neon

Bộ baGần với: Xanh điện, Hồng Mexico

Bổ túc chia táchGần với: Xanh dương, Hồng cánh sen

Bộ bốnGần với: Xanh lơ, Tím biếc, Đỏ

Bảng màu có màu xanh cỏ

Sao chép mã màu hoặc mở bảng màu trong trình chỉnh sửa để tùy chỉnh.

Bảng màu Đơn sắc · Xanh cỏ

Bảng màu Tương đồng · Xanh cỏ

Bảng màu Bổ túc · Xanh cỏ

Bảng màu Bộ ba · Xanh cỏ

Bảng màu Với màu trung tính · Xanh cỏ

Bảng màu Với màu nhấn · Xanh cỏ

Độ tương phản giữa màu xanh cỏ và chữ

Chữ trắngTương phản 1.3:1 · Không khuyến nghị

Chữ đenTương phản 15.8:1 · AAA

Theo hướng dẫn WCAG 2.1. Thử các cặp màu khác với công cụ kiểm tra tương phản.

Mã CSS

:root {
  --xanh-co: #7CFC00;
  --xanh-co-rgb: 124, 252, 0;
}
.nền { background-color: var(--xanh-co); }
.chữ { color: var(--xanh-co); }

Màu gần giống màu xanh cỏ

Xanh nõn chuối Xanh neon Xanh chanh Vàng huỳnh quang Xanh táo Vàng Xanh lá pastel Xanh bạc hà Vàng chanh Xanh lá nhạt

Bảng màu theo chủ đề có màu này

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

Mã màu xanh cỏ là gì?

Mã HEX của màu xanh cỏ là #7CFC00. Trong RGB là rgb(124, 252, 0), trong HSL là hsl(90, 100%, 49%) và trong CMYK là 51, 0, 100, 1.

Màu bổ túc của màu xanh cỏ là gì?

Màu bổ túc trên vòng tròn màu là #8000FC, một sắc độ gần với tím biếc. Dùng một lượng nhỏ, nó là màu nhấn đẹp và tạo tương phản mạnh.

Có thể dùng chữ trắng trên nền màu xanh cỏ không?

Bạn nên dùng chữ đen: độ tương phản với màu trắng chỉ là 1.3:1, còn với màu đen là 15.8:1.