Màu sắc / Tên
Công cụ tìm tên màu: Hex hoặc RGB thành tên màu CSS gần nhất
Nhập màu hex, RGB hoặc CSS để tìm màu gần nhất trong 148 màu được đặt tên của CSS, xếp theo độ khác biệt cảm nhận trong CIELAB, kèm các ô màu để so sánh và mã hex của từng tên.
Công cụ tìm tên màu: Hex hoặc RGB thành tên màu CSS gần nhất: Màu bạn nhập và mọi màu được đặt tên trong CSS đều được chuyển sang không gian màu CIELAB, trong đó khoảng cách phản ánh mức độ khác nhau về mặt thị giác. Các tên gần nhất được liệt kê cùng độ khác biệt màu ΔE: dưới khoảng 2,3, hầu hết mọi người không thể nhận ra sự khác biệt. Ví dụ, #3a7bd5 gần với cornflowerblue nhất. Chạy 100% cục bộ trong trình duyệt của bạn, không có tệp nào được tải lên máy chủ.
- Danh mục
- Công cụ hằng ngày
- Lượt chạy
- Trong trình duyệt của bạn
- Chi phí
- Miễn phí · không cần đăng ký
- Trạng thái khả dụng
- Sẵn sàng sử dụng
Chạy hoàn toàn trong trình duyệt của bạn
Màu được so sánh với toàn bộ 148 màu có tên CSS trong không gian màu CIELAB, được xây dựng để các khoảng cách bằng nhau trông có độ khác biệt tương đối giống nhau. Khoảng cách ΔE nhỏ hơn khoảng 2,3 khi hầu hết mọi người không thể nhìn thấy sự khác biệt. Có thể dùng bất kỳ tên CSS nào trong stylesheet thay cho mã hex của màu đó, chẳng hạn như color: steelblue.
Nguồn gốc tên gọi
Hầu hết tên màu CSS bắt nguồn từ danh sách màu của hệ thống cửa sổ X11 vào thập niên 1980, đó là lý do tồn tại những tên như papayawhip và lightgoldenrodyellow. rebeccapurple, #663399, được thêm vào năm 2014 để tưởng nhớ Rebecca Meyer.
Chuyển đổi màu
Để chuyển một màu sang HSL, RGB hoặc các cách biểu diễn khác, hãy dùng bộ chuyển đổi màu.
Cách sử dụng
- Nhập màu dưới dạng hex, rgb() hoặc tên màu.
- Xem tên màu gần nhất và mức độ tương đồng.
- So sánh các ô màu và sao chép tên bạn muốn.
Quyền riêng tư và giới hạn
Mọi thao tác đều chạy trong trình duyệt của bạn.
Công cụ liên quan
Câu hỏi thường gặp
Tại sao dùng tên màu CSS?
Đây là một tập hợp tiêu chuẩn, được công nhận rộng rãi và hoạt động trực tiếp trong biểu định kiểu, từ aliceblue đến yellowgreen.
ΔE có nghĩa là gì?
Đó là khoảng cách giữa hai màu trong CIELAB. Khoảng 1 là mức khác biệt nhỏ nhất mà hầu hết mọi người nhận ra khi đặt cạnh nhau; trên 10, hai màu khác nhau rõ rệt.
Tại sao không hiển thị cả grey và gray?
Đây là cùng một màu với hai cách viết; công cụ chỉ liệt kê một tên trong mỗi cặp.
Công cụ miễn phí · trong trình duyệt của bạn lượt chạy · không cần tài khoản