Duyệt toàn bộ 140 màu CSS/HTML có tên chuẩn trong một lưới mẫu màu đẹp mắt — tìm theo tên hoặc hex, lọc theo họ màu và sao chép giá trị hex, rgb() hoặc hsl() của bất kỳ màu nào bằng một cú nhấp. Trong trình duyệt, miễn phí.

Toàn bộ 140 màu CSS/HTML có tên chuẩn, kèm giá trị hex, RGB và HSL. Tất cả chạy trong trình duyệt của bạn từ một tham chiếu tích hợp — không có gì gửi lên máy chủ.

Không có màu nào khớp tìm kiếm của bạn.
Thử một tên hoặc hex khác — ví dụ RebeccaPurple, #00FF00 hoặc teal.

Giới thiệu về Tên màu HTML

Tài liệu tham khảo này trình bày cả 140 tên màu CSS/HTML chuẩn — toàn bộ danh sách mà trình duyệt hiểu được, từ AliceBlue đến YellowGreen — dưới dạng lưới mẫu màu (swatch) đáp ứng. Mỗi mẫu hiển thị chính màu đó cùng tên và giá trị hex, và nhấp vào một mẫu sẽ mở ra các dạng hex, rgb() và hsl(), mỗi dạng đều có thể sao chép chỉ với một cú nhấp.

Bạn có thể tìm kiếm theo tên hoặc giá trị hex — Tomato và #FF6347 đều tìm ra cùng một mẫu — và lọc theo họ màu: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites, và Grays & Blacks. Chế độ xem theo họ màu là cách nhanh nhất để chọn ra các ứng viên khi bạn biết sơ bộ tông màu mình muốn.

Tên màu tiện lợi cho bản dựng thử, ví dụ mã, hình vẽ SVG và giảng dạy, vì một cái tên như RebeccaPurple truyền đạt ý định tốt hơn một bộ ba giá trị hex. Các giá trị RGB và HSL được suy ra trong trình duyệt của bạn từ giá trị hex của mỗi màu, và không có gì bạn tìm kiếm được gửi đến máy chủ.

Cách sử dụng Tên màu HTML

  1. Tìm kiếm theo tên màu hoặc giá trị hex — ví dụ Tomato, teal hoặc #00FF00.
  2. Lọc theo họ màu — Reds, Blues, Grays, v.v. — để chọn ra các màu trong một dải tông màu.
  3. Nhấp một mẫu để sao chép giá trị hex của nó ngay lập tức.
  4. Mở popover của mẫu để sao chép dạng rgb() hoặc hsl() thay thế.

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

Có 140 tên màu chuẩn trong CSS hiện đại, mở rộng từ 16 màu HTML gốc thành danh sách lớn hơn bắt nguồn từ X11. Mọi trình duyệt hiện nay đều hỗ trợ tất cả chúng, trong bất kỳ thuộc tính nào chấp nhận màu.

Không. tomato, Tomato và TOMATO đều hợp lệ và giống nhau trong CSS và HTML. Các dạng viết camelCase hiển thị ở đây chỉ là cách viết theo quy ước giúp các tên nhiều từ như LightGoldenrodYellow dễ đọc hơn.

Tên màu rất tốt cho ví dụ, bản dựng thử và điểm nhấn dùng một lần; bảng màu sản xuất thường nằm trong các thuộc tính tùy chỉnh với giá trị hex, rgb() hoặc hsl(), vì màu trong hệ thống thiết kế hiếm khi khớp chính xác với một tên màu. Về mặt chức năng, một tên màu và giá trị hex của nó có thể hoán đổi cho nhau.

CSS bao gồm cả hai cách viết cho gray và các biến thể của nó — gray/grey, darkgray/darkgrey, v.v. — ánh xạ mỗi cặp đến cùng một giá trị, nên không cách viết nào là sai.

Có. Toàn bộ 140 mẫu màu, tìm kiếm, bộ lọc theo họ màu và việc sao chép hex/rgb()/hsl() đều miễn phí và chạy hoàn toàn trong trình duyệt của bạn.

Cần trợ giúp?
Gặp sự cố với công cụ này? Hãy cho đội ngũ của chúng tôi biết.
Báo cáo sự cố

Thêm công cụ miễn phí này vào trang web của riêng bạn — sao chép và dán mã bên dưới.