Giới thiệu Lấy Mã Màu Từ Ảnh Online (Image Color Picker)
Image Color Picker là gì và ứng dụng trong thiết kế đồ họa?
Bạn từng lướt web, thấy một bức ảnh có tông màu (Color Palette) quá đẹp và muốn copy bảng màu đó cho thiết kế slide thuyết trình, banner hoặc website của mình? Đó là lúc bạn cần đến Image Color Picker. Công cụ này hoạt động như một ống hút màu (Eyedropper) online. Bạn chỉ cần tải hình ảnh đó lên, dùng con trỏ chuột bấm vào bất kỳ điểm ảnh (pixel) nào trên hình để ngay lập tức nhận về mã màu chính xác.
Hướng dẫn cách lấy mã màu (Eyedropper) từ một bức ảnh bất kỳ
Không cần mở Photoshop, Illustrator rườm rà. Chỉ với 3 bước:
- Lưu hình ảnh bạn thích về máy hoặc Copy ảnh đó.
- Tại công cụ Color Picker, tải ảnh lên hoặc ấn tổ hợp phím
Ctrl + V(Dán) để dán trực tiếp hình ảnh vào trình duyệt. - Rê chuột hoặc dùng ngón tay (trên di động) nhấn vào điểm có màu sắc bạn muốn lấy. Hệ thống sẽ tự động hiển thị dải mã màu HEX, RGB và HSL cho bạn.
Bảng mã màu HTML/CSS phổ biến
Công cụ hỗ trợ trả về nhiều loại mã màu dùng cho lập trình Web:
- HEX: Thường dùng trong thuộc tính
color: #FFFFFF,background-color. - RGB: Thường dùng khi cần tạo bóng (box-shadow) kèm độ mờ
rgba(255, 0, 0, 0.5). - HSL: Được khuyên dùng trong lập trình UI hiện đại (Design Tokens) nhờ dễ dàng tạo ra dải màu sáng/tối bằng cách điều chỉnh biến số thứ 3 (Lightness).