Chọn màu, lấy mã, rồi quay lại công việc
Bộ chọn màu, trình dựng chuyển sắc và ống hút màu từ ảnh gói trong một trang. Không tài khoản, không cài đặt, không chờ đợi: chọn một tông và sao chép dưới dạng HEX, RGB, HSL hoặc HSV.
Mã màu
#0F37FFrgb(15, 55, 255)hsl(230°, 100%, 52.94%)hsv(230°, 94.12%, 100%)cmyk(94.12%, 78.43%, 0%, 0%)xyz(19.61, 10.05, 95.5)lab(37.93, 62.96, -98.45)lch(37.93, 116.86, 302.6°)Màu xu hướng
Xem tất cả màu xu hướngBên trong có gì
Ống hút màu
Lấy màu từ ảnh đã tải lên, hoặc từ bất cứ thứ gì trên màn hình nếu trình duyệt cho phép. Thả tệp vào trang rồi nhấp vào một điểm ảnh.
Chuyển đổi định dạng
Đổi tức thì giữa HEX, RGB, HSL, HSV, CMYK, XYZ, LAB và LCH, và sao chép giá trị thẳng vào CSS hay công cụ thiết kế của bạn.
Trình dựng chuyển sắc
Thêm và kéo các điểm dừng dọc thanh, đổi giữa tuyến tính và toả tròn, chỉnh góc cùng độ mờ, rồi sao chép đoạn CSS hoàn chỉnh.
Lịch sử màu
Mỗi màu và dải chuyển sắc bạn tạo đều được giữ trong trình duyệt, để bạn quay lại sau hoặc dùng lại ở dự án khác.
Hoà sắc và biến thể
Mỗi trang màu đều có sắc nhạt, sắc đậm và sáu kiểu hoà sắc, và biến bất kỳ kiểu nào thành chuyển sắc chỉ bằng một cú nhấp.
Miễn phí và riêng tư
Không có tường phí và không theo dõi thứ bạn chọn. Ảnh bạn tải lên được đọc ngay trong trình duyệt và không đi đâu cả.
Dành cho ai
- Nhà thiết kế và nhóm sản phẩm
- Khi phác một giao diện hay bảng màu thương hiệu, thử các cách phối và sao chép đúng đoạn CSS cho một dải chuyển sắc.
- Minh hoạ và hội hoạ
- Để lấy màu từ ảnh chụp và tranh bằng ống hút, và tính trước những chuyển sắc mềm mại.
- Lập trình giao diện
- Để tạo ra các giá trị màu nhất quán trong cả dự án và đọc lại chúng từ một bản thiết kế sẵn có.
- Người kiểm tra khả năng tiếp cận
- Để so sánh một màu giữa nhiều mô hình và chỉnh cho tới khi tỉ lệ tương phản vượt ngưỡng cần thiết.
Cách sử dụng
- 1
Chọn một màu
Nhấp vào bất kỳ đâu trong vùng bão hoà, rồi tinh chỉnh bằng thanh trượt tông màu và độ trong. HEX, RGB và HSV cập nhật theo.
- 2
Lấy màu từ ảnh
Kéo một ảnh vào trang hoặc chọn tệp, rồi nhấp vào điểm ảnh bạn muốn. Mã màu hiện ra ngay.
- 3
Dựng một dải chuyển sắc
Nhấp vào thanh để thêm điểm dừng rồi kéo về đúng chỗ. Đổi giữa tuyến tính và toả tròn, rồi đặt góc.
- 4
Sao chép và dùng lại
Sao chép giá trị hoặc cả khai báo CSS. Mọi thứ bạn chọn đều tự động lưu vào lịch sử.
Câu hỏi thường gặp
Một công cụ nhỏ không cản đường bạn
Ban đầu đây chỉ là tiện ích nội bộ: chúng tôi muốn nhặt một màu, chỉnh lại rồi đi tiếp, mà không phải mở một phần mềm thiết kế nặng nề trước đã. Nó cố ý chỉ có một trang, cố ý nhẹ, và sẽ luôn miễn phí.
Tiện ích mở rộng trình duyệt
Bạn muốn lấy màu thẳng từ những trang mình đang xem? Tiện ích cho Chrome và Edge thêm một nút ống hút vào thanh công cụ, giữ lịch sử riêng, và mở công cụ này chỉ bằng một cú nhấp.