Công cụ chọn màu: 11 định dạng màu trên trình duyệt
Chọn màu bằng công cụ chọn gốc hoặc dùng EyeDropper màn hình khi được hỗ trợ. Công cụ chọn màu hiển thị màu đã chọn ở 11 định dạng, gồm hex, RGB, HSL, HSV, HWB, CMYK, LAB, LCH và OKLab. Sao chép bất kỳ định dạng nào chỉ bằng một cú nhấp, và xem tên màu CSS gần nhất bên cạnh các giá trị.
Công cụ chọn màu là công cụ chạy trên trình duyệt để chọn màu và xem đồng thời ở 11 định dạng. Dùng công cụ chọn gốc để chọn màu, hoặc dùng EyeDropper màn hình khi được hỗ trợ. Công cụ còn hiển thị tên màu CSS gần nhất, để bạn xem tên dễ nhận biết bên cạnh các giá trị số và mã.
Sau khi chọn màu, công cụ hiển thị các cách biểu diễn khả dụng, gồm hex, RGB, HSL, HSV, HWB, CMYK, LAB, LCH và OKLab. Nhấp vào chuỗi định dạng để sao chép và dán vào công việc của bạn. Công cụ trình bày các định dạng cùng nhau, giúp so sánh giá trị dễ hơn mà không cần chuyển đổi thủ công. Tên màu CSS gần nhất được hiển thị để tham khảo; đó là màu có tên gần nhất, không nhất thiết trùng khớp hoàn toàn.
Các định dạng này mô tả màu theo những cách khác nhau. Hex và RGB biểu diễn màu bằng giá trị kênh dạng mã hoặc số, trong khi HSL và HSV dùng mô hình dựa trên hue; LAB, LCH và OKLab cung cấp những cách khác để thể hiện màu sắc. Có nhiều cách biểu diễn giúp ích khi stylesheet, tài liệu thiết kế hoặc văn bản yêu cầu một định dạng cụ thể. Công cụ cho phép bạn chọn màu trước rồi sao chép cách biểu diễn phù hợp với công việc.
Công cụ chọn màu chạy hoàn toàn trong trình duyệt của bạn. Dữ liệu nhập được xử lý trên thiết bị và không bị tải lên, lưu trữ hay gửi đến máy chủ. Sau khi trang đã tải, công cụ hoạt động mà không cần kết nối, nên bạn có thể dùng ngoại tuyến. Nó hữu ích cho lập trình viên, nhà thiết kế và bất kỳ ai cần chọn, kiểm tra hoặc sao chép giá trị màu ở nhiều định dạng.
Bước 1: Mở công cụ chọn màu và chọn màu bằng công cụ chọn gốc.
Bước 2: Nếu trình duyệt hỗ trợ, dùng EyeDropper màn hình để chọn màu từ màn hình của bạn.
Bước 3: Điều chỉnh màu cho ưng ý; các giá trị định dạng khả dụng sẽ cập nhật theo màu đã chọn.
Bước 4: Xem lại 11 định dạng màu và tên màu CSS gần nhất hiển thị bên cạnh.
Bước 5: Nhấp vào chuỗi định dạng bạn cần để sao chép và dán vào mã nguồn hoặc tài liệu.
Trường hợp sử dụng: Chọn màu tương tác thay vì đoán giá trị màu, rồi sao chép cách biểu diễn bạn cần.
Trường hợp sử dụng: Dùng EyeDropper màn hình khi được hỗ trợ để lấy màu từ thiết kế hoặc tài liệu và có giá trị hiển thị chính xác.
Trường hợp sử dụng: So sánh cùng một màu ở nhiều định dạng trước khi quyết định dùng cách biểu diễn nào.
Trường hợp sử dụng: Sao chép giá trị hex hoặc RGB cho stylesheet, hoặc chọn định dạng khác khi công việc yêu cầu.
Trường hợp sử dụng: Kiểm tra tên màu CSS gần nhất khi muốn xem màu đã chọn có tên quen thuộc nào không.
Trường hợp sử dụng: Lấy giá trị màu tại một nơi thay vì tự chuyển đổi giữa các định dạng mà công cụ chọn hiển thị.