Chuyển đến công cụ chọn màu

Tiện ích lấy màu cho Chrome, Edge và Firefox

Lấy màu ở bất kỳ đâu trên trang web hoặc dán bất kỳ mã màu nào, rồi sao chép dưới dạng HEX, RGB, HSL hoặc OKLCH chỉ với một cú nhấp. Đọc bảng màu của cả một website và xuất ra CSS, Tailwind hoặc design token.

Miễn phí, không cần tài khoản, chạy cả khi offline.

Cửa sổ tiện ích PickShade với một màu vừa lấy ở dạng HEX, RGB, HSL và OKLCH cùng các màu gần đây

Tính năng

Lấy màu
Lấy màu của bất kỳ điểm ảnh nào trên trang và sao chép ngay giá trị theo định dạng của bạn.
Hiểu mọi màu
Dán HEX, rgb(), hsl(), oklch(), một lớp Tailwind như sky-500, mã Swift hoặc Flutter, hay tên màu như xanh hải quân.
Trả về mọi định dạng
HEX, RGB, HSL và OKLCH đặt cạnh nhau, mỗi giá trị sao chép bằng một cú nhấp. Định dạng bạn chọn sẽ thành mặc định.
Bảng màu từ website
Thu thập màu và biến CSS của trang đang mở, gộp các màu gần giống nhau và xếp màu dùng nhiều nhất lên trước.
Xuất
Sao chép bảng màu của trang dưới dạng biến CSS, khối @theme của Tailwind, SCSS, JSON, design token hoặc SVG.
Lịch sử
Các màu gần đây chờ bạn trong cửa sổ tiện ích. Chúng chỉ được lưu trong trình duyệt này.

Quyền

Tiện ích xin bốn quyền và không bao giờ xin quyền truy cập mọi website. Mỗi quyền chỉ có một việc.

activeTab
Truy cập thẻ đang mở, và chỉ sau khi bạn nhấp vào biểu tượng tiện ích hoặc nhấn phím tắt của nó.
scripting
Chạy đoạn mã nhỏ đọc màu của trang đó khi bạn yêu cầu bảng màu hoặc lấy màu.
storage
Lưu các màu gần đây và định dạng ưa thích của bạn trong trình duyệt này.
clipboardWrite
Sao chép màu hoặc mã bạn yêu cầu.

Những gì tiện ích không bao giờ xin

Quyền truy cập mọi website · Lịch sử duyệt web hoặc danh sách thẻ của bạn · Phân tích, quảng cáo hay theo dõi · Mã tải từ internet

Đọc chính sách quyền riêng tư

Phím tắt

Nhấn Alt+Shift+P trên bất kỳ trang nào để lấy màu mà không cần mở cửa sổ. Bạn có thể đổi phím tắt trong phần cài đặt tiện ích của trình duyệt.

Hỏi và đáp

Tiện ích PickShade có miễn phí không?

Có. Công cụ lấy màu, mọi định dạng, bảng màu của trang, xuất và lịch sử đều miễn phí, không cần tài khoản và không có quảng cáo.

Vì sao tiện ích không đọc được một số trang?

Trình duyệt không cho bất kỳ tiện ích nào đọc trang riêng của nó, như cài đặt, trang thẻ mới và cửa hàng tiện ích. Ở đó cửa sổ vẫn chuyển đổi màu bạn dán, và trên Chrome và Edge công cụ lấy màu vẫn hoạt động.

Tiện ích có gửi màu của tôi đi đâu không?

Không. Màu được tính ngay trong tiện ích bằng cùng phép toán CSS Color 4 như trên pickshade.com. Không có gì được gửi lên máy chủ và lịch sử nằm lại trong trình duyệt của bạn.

Công cụ lấy màu hoạt động thế nào trên Firefox?

Firefox không có công cụ lấy màu tích hợp cho tiện ích, nên PickShade chụp phần đang hiển thị của trang và hiện một kính lúp. Nhấp vào một điểm ảnh hoặc di chuyển kính lúp bằng phím mũi tên rồi nhấn Enter.