Bảng Chọn Màu Cho HEX, RGB, HSL, HSV và CMYK
Bảng Chọn Màu là công cụ chọn màu online giúp bạn chọn bất kỳ màu nào một cách trực quan và đọc giá trị của nó ở mọi định dạng phổ biến cùng lúc. Kéo trong ô màu, trượt thanh màu sắc và thanh độ trong suốt, hoặc gõ một mã HEX, các giá trị HEX, RGB, RGBA, HSL, HSV và CMYK sẽ cập nhật ngay lập tức.
Công cụ này được tạo ra cho lập trình viên web, nhà thiết kế UI và đồ họa, cùng bất kỳ ai cần một mã màu chính xác mà không phải loay hoay với nhiều công cụ chuyển đổi riêng lẻ. Công cụ hút màu tích hợp lấy màu trực tiếp ngay trên màn hình của bạn, trong khi lịch sử và danh sách yêu thích giúp các màu vừa dùng và đã lưu chỉ cách bạn một cú nhấp.
Cách Dùng Bảng Chọn Màu
Chọn một màu
Nhấp hoặc kéo trong ô màu để đặt độ bão hòa (từ trái sang phải) và độ sáng (từ dưới lên trên). Kéo thanh Màu sắc để đổi màu nền cơ bản trên toàn dải phổ 0°–360°.
Đặt độ trong suốt
Kéo thanh Độ trong suốt để màu chuyển từ trong suốt hoàn toàn đến đặc hoàn toàn. Ô nền caro xem trước cùng giá trị RGBA và HEX 8 ký tự sẽ phản ánh độ alpha bạn chọn.
Hoặc nhập mã HEX
Gõ trực tiếp vào ô HEX để nhảy tới một màu đã biết. Ô này nhận giá trị 3 ký tự (#FFF), 6 ký tự (#FFFFFF) và 8 ký tự (#FFFFFFAA), và bảng chọn màu sẽ tự khớp theo.
Sao chép giá trị bạn cần
Dùng nút sao chép cạnh mỗi định dạng, hoặc Sao chép tất cả để chép cùng lúc HEX, RGB, RGBA, HSL, HSV và CMYK, mỗi giá trị một dòng riêng. Nhấn trái tim để lưu màu vào danh sách yêu thích.
Tính Năng
Bảng Chọn Màu Trực Quan
Chọn màu trực quan với ô màu HSV cùng thanh màu sắc và thanh độ trong suốt, tất cả cập nhật theo thời gian thực.
Nhiều Định Dạng Mã Màu
Đọc mỗi màu dưới dạng HEX, RGB, RGBA, HSL, HSV và CMYK cùng lúc, sẵn sàng cho cả web lẫn in ấn.
Công Cụ Hút Màu
Lấy bất kỳ màu nào ở mọi vị trí trên màn hình bằng công cụ hút màu tích hợp sẵn của trình duyệt, có trên Chrome và Edge.
Tạo Màu Ngẫu Nhiên
Tạo một màu mới với độ bão hòa và độ sáng cân đối bất cứ khi nào bạn cần ý tưởng nhanh.
Lịch Sử & Yêu Thích
50 màu vừa chọn gần nhất được ghi lại tự động, còn các màu yêu thích luôn được lưu để dùng lại chỉ với một cú nhấp.
Dữ Liệu Luôn Riêng Tư
Mọi xử lý đều chạy trong trình duyệt và màu của bạn nằm trong bộ nhớ cục bộ, không bao giờ tải lên hay theo dõi.
Câu Hỏi Thường Gặp
Làm sao để lấy mã màu trên màn hình?
Nhấn nút hút màu Lấy màu trên màn hình, rồi nhấp vào bất kỳ điểm ảnh nào ở mọi nơi trên màn hình. Bảng chọn màu đọc đúng màu đó và hiển thị giá trị HEX, RGB cùng các định dạng khác. Tính năng này dùng công cụ EyeDropper tích hợp của trình duyệt, nên hoạt động trên Chrome và Edge.
Mã màu HEX là gì?
Mã HEX là định dạng web tiêu chuẩn ghi một màu dưới dạng #RRGGBB bằng các chữ số hệ thập lục phân, chẳng hạn #FF5733. Nó mang cùng thông tin đỏ, xanh lá và xanh dương như một giá trị RGB kiểu rgb(255, 87, 51), chỉ là ở cách viết ngắn gọn hơn. Mã HEX 8 ký tự như #FF5733AA bổ sung thêm kênh alpha (độ trong suốt).
Cách chuyển HEX sang RGB như thế nào?
Gõ hoặc dán mã HEX vào ô HEX, giá trị RGB sẽ xuất hiện ngay lập tức trong ô riêng của nó, sẵn sàng để sao chép. Bạn không phải tính toán gì cả; bảng chọn màu lo việc chuyển đổi HEX, RGB, RGBA, HSL, HSV và CMYK cho bạn cùng một lúc.
Khi nào nên dùng HSL thay vì HSV?
HSL (Màu sắc, Độ bão hòa, Độ sáng) được hỗ trợ rộng rãi trong CSS và việc tạo kiểu cho web. HSV (Màu sắc, Độ bão hòa, Giá trị) phổ biến trong các công cụ thiết kế như Photoshop và Figma vì thành phần Giá trị bám sát cách chúng ta cảm nhận độ sáng. Cả hai cùng mô tả một bảng chọn màu; hãy chọn cái khớp với công cụ của bạn.
CMYK dùng để làm gì?
CMYK (Lục lam, Hồng cánh sen, Vàng, Đen) là mô hình màu dùng cho in ấn. Nếu bạn đang chuẩn bị tác phẩm để in, hãy sao chép giá trị CMYK để màu sắc của bạn thể hiện trên giấy chính xác hơn so với một giá trị RGB hiển thị trên màn hình.
Giá trị độ trong suốt / alpha có tác dụng gì?
Độ trong suốt điều khiển mức độ trong của màu. Ở 100% màu đặc hoàn toàn, còn ở 0% màu trong suốt hoàn toàn. Giảm độ trong suốt hữu ích cho các lớp phủ, bóng đổ và thiết kế nhiều lớp, và độ alpha được phản ánh trong giá trị RGBA cùng mã HEX 8 ký tự.
Vì sao nút hút màu không xuất hiện?
Công cụ hút màu dựa trên EyeDropper API tích hợp của trình duyệt, hiện chỉ có trên Chrome và Edge. Ở những trình duyệt không hỗ trợ, như Firefox và Safari, nút này sẽ bị ẩn đi. Bạn vẫn có thể đặt bất kỳ màu nào bằng cách gõ mã HEX của nó thay thế.
Các màu đã lưu của tôi có được lưu trực tuyến không?
Không. Danh sách yêu thích và lịch sử của bạn chỉ được lưu trong bộ nhớ cục bộ của trình duyệt, nên chúng nằm trên thiết bị của bạn và được giữ qua các phiên dùng. Không có gì được tải lên, và bạn có thể xóa lịch sử hoặc danh sách yêu thích bất cứ lúc nào.
Chưa có bình luận nào. Hãy là người đầu tiên!