Color Picker

Chọn màu rồi làm thôi — không phiền phức

Chúng tôi tạo Color Picker năm 2025 vì chán các ứng dụng cồng kềnh và công cụ màu quá phức tạp. Là nhà phát triển front-end và họa sĩ minh họa, chúng tôi cần một cách để bắt màu thật nhanh, chỉnh chút rồi tiếp tục. Bắt đầu là công cụ nội bộ, được đồng nghiệp yêu thích; chúng tôi mài giũa và đưa lên web cho mọi người. Không tài khoản, không đường cong học tập — mở trang, chọn tông và sao chép mã HEX, RGB, HSL hoặc HSV.

Vì sao bộ chọn màu của chúng tôi được yêu thích

Nếu từng nhìn bản thiết kế và tự hỏi “làm sao bắt đúng tông đó?”, bạn sẽ thích sự đơn giản của Color Picker. Chúng tôi cố ý giữ giao diện tối giản:

• Một cú nhấp — màu là của bạn — chạm bất kỳ đâu trong bảng màu, các giá trị cần thiết sẽ hiện ngay. Cần lấy mẫu từ ảnh hay ảnh chụp màn hình? Thả tệp vào trang và dùng Eyedropper.
• Gradient dễ như chơi — thêm và kéo điểm dừng trên thanh để có chuyển sắc mượt như lụa. Chuyển tuyến tính/hướng tâm, tinh chỉnh góc và độ mờ rồi sao chép CSS.
• Không giới hạn, không chi phí — Color Picker chạy trên mọi trình duyệt hiện đại ở máy tính, máy tính bảng và điện thoại. Không cần cài đặt, không phí.
• Có tiện ích khi bạn cần — các tiện ích tùy chọn cho Chrome và Edge mang Eyedropper vào thẳng trình duyệt, giúp lấy mẫu từ bất kỳ trang nào và lưu lịch sử.

Dùng để làm gì

Mọi người dùng Color Picker theo nhiều cách:

• Nhà thiết kế & đội sản phẩm dùng khi phác thảo giao diện hoặc bảng màu thương hiệu. Khám phá phối hợp và sao chép CSS cho gradient rất nhanh.
• Họa sĩ minh họa & nghệ sĩ dùng Eyedropper để lấy cảm hứng từ ảnh và tranh. Công cụ gradient giúp lên kế hoạch đổ bóng và chuyển màu mượt mà.
• Lập trình viên front-end tin cậy để tạo giá trị màu nhất quán giữa các dự án. Tiện ích giúp lấy mẫu từ các trang web sẵn có thật dễ.
• Người kiểm tra khả năng truy cập có thể xem màu theo các mô hình khác nhau và chỉnh độ mờ cho đến khi đạt hướng dẫn tương phản.

Bắt đầu

Không cần hướng dẫn — tóm tắt nhanh như sau:

• Chọn một màu — nhấp vào bất kỳ đâu trong bảng màu. Giá trị HEX, RGB và HSV hiển thị ngay. Tinh chỉnh sắc độ, bão hòa, độ sáng và độ mờ bằng thanh trượt.
• Lấy mẫu từ ảnh — kéo thả tệp ảnh vào trang hoặc chọn một ảnh. Nhấp pixel mong muốn để xem các mã màu.
• Tạo gradient — nhấp lên thanh gradient để thêm và kéo điểm dừng; chuyển giữa kiểu tuyến tính và hướng tâm. Điều chỉnh góc và độ mờ cho đến khi ưng ý.
• Sao chép và tái sử dụng — màu và gradient của bạn được lưu tự động. Sao chép mã hoặc CSS để dán vào dự án, hoặc chia sẻ với nhóm.