Color Picker

Giới thiệu công cụ

Bộ chọn màu cho phép bạn chọn màu trực quan và xem ngay biểu diễn HEX, RGB và HSL của nó. Sử dụng bộ chọn màu gốc để lựa chọn rộng hoặc các thanh trượt RGB để kiểm soát chính xác từng kênh.

Màu đã chọn được tự động lưu vào lịch sử màu gần đây, giúp bạn nhanh chóng quay lại màu mà không cần nhập lại. Hữu ích khi so sánh biến thể màu hoặc xây dựng bảng màu.

Cách sử dụng

1. Nhấp vào ô màu lớn để mở bộ chọn màu gốc của trình duyệt và chọn màu.
2. Kéo thanh trượt R, G và B để tinh chỉnh từng kênh màu riêng lẻ.
3. Nhấp Sao chép bên cạnh HEX, RGB hoặc HSL để sao chép giá trị vào clipboard.
4. Màu đã sao chép xuất hiện trong hàng Màu gần đây — nhấp vào ô màu để khôi phục.

Trường hợp sử dụng

Nhà thiết kế web chọn màu chính xác từ hướng dẫn thương hiệu và sao chép hex vào CSS. Lập trình viên tinh chỉnh RGB cho canvas hoặc WebGL. Nhà thiết kế UI so sánh các biến thể tinh tế trong cùng màu sắc.

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

• Màu đã chọn có được lưu vĩnh viễn không? — Không. Màu gần đây được lưu trong trạng thái component và đặt lại khi rời trang hoặc làm mới. Để lưu vĩnh viễn, hãy sao chép mã hex vào ghi chú của bạn.
• Tôi có thể nhập trực tiếp mã hex không? — Có. Sử dụng trường nhập hex trong bộ chọn màu gốc (có trong hầu hết các trình duyệt) để nhập giá trị hex trực tiếp.
• HSL là gì và tại sao hữu ích? — HSL là viết tắt của Hue (Màu sắc), Saturation (Độ bão hòa), Lightness (Độ sáng). Thay đổi độ sáng làm màu sáng hơn hoặc tối hơn trong khi giữ nguyên màu sắc, hữu ích để tạo các tints và shades.