Nhập URL bất kỳ và trích xuất bảng màu của trang: mọi màu dùng trong biểu định kiểu, xếp hạng theo tần suất và sẵn sàng sao chép hoặc xuất thành mã.

Nhập một trang web công khai. Chúng tôi đọc biểu định kiểu và kiểu nội tuyến của trang, rồi xếp hạng các màu được dùng.

Nhập địa chỉ trang web để trích xuất bảng màu của nó.

Chỉ có thể đọc các trang web công khai, và màu sắc lấy từ CSS mà trang cung cấp: một trang vẽ bằng hình ảnh hoặc canvas có thể trả về ít màu hơn. Miễn phí, không cần đăng ký.


Giới thiệu về Bảng màu từ trang web

Công cụ Bảng màu từ trang web tiết lộ những màu mà một trang web thực sự dùng. Nhập một địa chỉ web công khai và trang sẽ được truy xuất phía chúng tôi, trình duyệt không thể đọc trực tiếp một trang khác do các hạn chế cross-origin, sau đó các kiểu nội tuyến, khối kiểu nhúng và biểu định kiểu liên kết của trang được quét để tìm mọi mã màu.

Các giá trị HEX, rgb(), rgba(), hsl() và hsla() đều được chuẩn hóa về một dạng HEX duy nhất và được đếm, nên bảng màu trả về được xếp hạng theo mức độ xuất hiện thường xuyên của mỗi màu trong CSS của trang. Chính thứ tự tần suất đó tách màu chủ đạo thực sự của thương hiệu khỏi hàng chục viền và bóng đổ dùng một lần nằm phía dưới danh sách.

Mỗi ô màu sao chép chỉ bằng một cú nhấp, và bảng xuất biến kết quả thành biến CSS, SCSS, cấu hình Tailwind, JSON, bảng ô mẫu SVG hoặc danh sách HEX thuần. Công cụ miễn phí và giới hạn tần suất, chỉ truy cập các địa chỉ công khai, và không lưu gì ngoài một bộ nhớ đệm ngắn hạn của lần trích xuất.

Cách sử dụng Bảng màu từ trang web

  1. Dán một địa chỉ trang web công khai vào ô (https:// được thêm tự động nếu bạn bỏ qua).
  2. Nhấp "Trích xuất màu" và chờ một lát trong khi trang và các biểu định kiểu của nó được đọc.
  3. Xem lại bảng màu: các màu được xếp hạng theo mức độ xuất hiện trong CSS của trang.
  4. Nhấp bất kỳ ô màu nào để sao chép giá trị HEX của nó, hoặc dùng "Sao chép tất cả" cho toàn bộ danh sách.
  5. Mở Xuất để lấy bảng màu dưới dạng CSS, SCSS, Tailwind, JSON, SVG hoặc HEX thuần.

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

Dán địa chỉ vào công cụ này và nhấp "Trích xuất màu". Nó đọc các biểu định kiểu và kiểu nội tuyến của trang, rồi liệt kê mọi màu tìm thấy xếp hạng theo tần suất, nên các màu thương hiệu được dùng nhiều nhất hiện lên trước.

Một biểu định kiểu thường chứa nhiều màu phụ (viền, bóng đổ, trạng thái di chuột, hơn là màu thương hiệu. Việc đếm số lần mỗi giá trị xuất hiện đẩy những màu định hình trang web lên đầu danh sách.

Công cụ đọc CSS mà một trang cung cấp. Các trang vẽ thiết kế bằng hình ảnh, canvas hoặc WebGL, hoặc dựng kiểu hoàn toàn bằng JavaScript sau khi tải, để lộ ít giá trị màu trong biểu định kiểu. Các trang nằm sau đăng nhập hoặc tường chống bot cũng không thể đọc được.

Không. Chỉ chấp nhận các địa chỉ web công khai: các yêu cầu tới địa chỉ mạng riêng, cục bộ hoặc dành riêng đều bị chặn như một biện pháp bảo mật, và chỉ cho phép các cổng HTTP và HTTPS tiêu chuẩn.

Có, trong một giới hạn. Các biểu định kiểu được liên kết từ trang, kể cả những cái trên CDN, được truy xuất qua cùng các kiểm tra an toàn, nên màu định nghĩa trong một tệp CSS bên ngoài được đếm cùng với các kiểu của chính trang.

Có, hoàn toàn miễn phí và không cần tài khoản. Các yêu cầu bị giới hạn tần suất để giữ dịch vụ khả dụng cho mọi người, và kết quả được lưu đệm ngắn hạn nên lặp lại cùng một URL sẽ trả về ngay lập tức.


Tìm kiếm phổ biến
bảng màu từ trang web lấy màu từ trang web tìm màu được dùng trên trang web trích xuất màu từ url trang web này dùng những màu nào tìm phối màu của trang web
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.