Hướng Dẫn Bộ Chọn Màu

Công cụ này làm gì

Chọn Màu chuyển đổi giữa năm định dạng màu phổ biến: HEX, RGB, HSL, HSV và CMYK. Chọn màu trực quan bằng swatch màu gốc, hoặc gõ mã màu ở bất kỳ định dạng hỗ trợ nào—công cụ hiển thị ngay tương đương trong cả năm định dạng. Sao chép bất kỳ giá trị nào bằng một cú nhấp. Lý tưởng cho nhà thiết kế, lập trình viên và bất kỳ ai làm việc với mã màu trên các công cụ và hệ thống khác nhau.

Cách sử dụng

1. Chọn màu trực quan — Nhấp vào swatch màu để mở bộ chọn màu gốc của hệ thống. Chọn màu; công cụ cập nhật tất cả mã định dạng tự động.
2. Hoặc gõ mã màu — Dán hoặc gõ màu ở bất kỳ định dạng hỗ trợ:
   • HEX: #ff6b6b hoặc #f66
   • RGB: rgb(255, 107, 107)
   • HSL: hsl(0, 100%, 71%)
   • HSV: hsv(0, 58%, 100%)
   • CMYK: cmyk(0%, 58%, 58%, 0%)
3. Sao chép những gì cần — Dùng nút Sao chép bên cạnh bất kỳ định dạng nào để sao chép giá trị vào clipboard.
4. Đồng bộ hai chiều — Thay đổi swatch cập nhật văn bản; gõ mã hợp lệ cập nhật swatch và tất cả định dạng khác.

Cách hoạt động

Cả năm định dạng đều xuất phát từ bộ ba RGB (đỏ, xanh lá, xanh dương, mỗi 0–255) làm trung gian chuẩn. Khi bạn nhập màu:

1. Phân tích — Công cụ thử parser của mỗi định dạng (HEX, RGB, HSL, HSV, CMYK) cho đến khi thành công.
2. Chuyển sang RGB — Đầu vào được chuyển thành bộ ba số nguyên RGB.
3. Tạo tất cả định dạng — Từ RGB, công cụ tính HEX, chuỗi RGB, HSL, HSV và CMYK song song.
4. Hiển thị — Tất cả năm mã định dạng được hiển thị với nút Sao chép.

Đầu vào không hợp lệ hiển thị lỗi nội dòng; đầu vào rỗng không thay đổi (không lỗi, không thay đổi). Bộ chọn màu gốc luôn trả về giá trị HEX 6 chữ số chữ thường hợp lệ, nên đường trực quan không bao giờ gây lỗi phân tích.

Tất cả xử lý chạy hoàn toàn trên trình duyệt của bạn. Không có dữ liệu được gửi đến máy chủ.

Trường hợp sử dụng & ví dụ

• Phát triển web — Chuyển màu thiết kế (ví dụ CMYK từ in) sang HEX hoặc RGB cho CSS.
• Bàn giao thiết kế — Cung cấp cho lập trình viên nhiều mã định dạng từ một lần chọn.
• Khả năng truy cập — Điều chỉnh độ sáng hoặc độ bão hòa (HSL/HSV) để đáp ứng yêu cầu tương phản.
• Chuẩn bị in — Chuyển màu màn hình (RGB) sang CMYK cho quy trình in.
• Nhất quán thương hiệu — Đảm bảo cùng một màu được sử dụng đúng trên web, ứng dụng và in.

Giới hạn & lưu ý

• Độ chính xác — RGB dùng số nguyên (0–255), nên chuyển đổi có thể có làm tròn ±1 kênh. Điều này là chuẩn và đủ cho sử dụng thông thường.
• Phạm vi màu — CMYK có thể biểu diễn một số màu mà RGB không thể; chuyển từ CMYK sang RGB có thể xấp xỉ.
• Bộ chọn gốc — Khả năng của bộ chọn trực quan phụ thuộc hệ điều hành và trình duyệt của bạn.
• Đầu vào rỗng — Xóa trường không xóa mã hiển thị; nó để màu hợp lệ cuối cùng vẫn hiển thị.