Trình chuyển đổi Màu
Chuyển đổi màu giữa HEX, RGB, HSL, HWB và CMYK với hỗ trợ độ trong suốt và xem trước trực tiếp.
Cách Hoạt Động
Bộ chuyển đổi màu chuyển đổi giá trị màu giữa các định dạng HEX, RGB, HSL và HSV sử dụng các công thức toán học tiêu chuẩn — không làm tròn hoặc xấp xỉ.
Nhập màu ở bất kỳ định dạng nào được hỗ trợ: thập lục phân (#RRGGBB), RGB (ví dụ rgb(255, 128, 0)), HSL (ví dụ hsl(30, 100%, 50%)) hoặc HSV. Máy tính tự động tính tất cả các biểu diễn khác đồng thời.
Sử dụng bộ chọn màu để chọn giá trị trực quan thay vì gõ thủ công.
Định dạng HEX được sử dụng phổ biến nhất trong CSS và HTML. RGB thuận tiện nhất cho thao tác lập trình. HSL trực quan khi điều chỉnh sắc độ, độ bão hòa và độ sáng.
Ví dụ thực tế
Nhập #1E90FF: công cụ báo rgb(30, 144, 255) và hsl(210, 100%, 56%), nhận diện đây là màu CSS có tên dodgerblue, và hiển thị độ chói tương đối WCAG. Phần phối màu sinh ra các cặp bổ túc, tương đồng, bộ ba và bổ túc tách — bấm vào ô màu nào cũng nạp được nó để khám phá tiếp. Chiều ngược lại cũng thường gặp không kém: dán rgb(30, 144, 255) từ công cụ thiết kế rồi sao chép mã hex cho stylesheet, mọi định dạng giữ đồng bộ khi bạn tinh chỉnh.
Trường Hợp Sử Dụng
- Khớp màu thiết kế giữa các công cụ
- Chuyển đổi bảng màu thương hiệu
- Tạo biến thể màu CSS
- Hiểu các mô hình màu
- Xuất giá trị màu cho các môi trường khác nhau
Câu hỏi thường gặp
- Tại sao HSL→HEX→HSL có thể không trả về chính xác cùng giá trị?
- Một số làm tròn không thể tránh khi chuyển đổi giữa các không gian màu — sự khác biệt không đáng kể về mặt thị giác.
- Nó có hỗ trợ kênh alpha/độ trong suốt không?
- Phiên bản hiện tại xử lý màu hoàn toàn mờ. Alpha (RGBA/HSLA) đang được lên kế hoạch.
- Tôi nên chọn định dạng nào cho CSS?
- HEX hoặc rgb() cho màu web đầy đủ; hsl() khi bạn cần điều chỉnh lập trình độ sáng/độ bão hòa.
- Tôi có thể sao chép giá trị chỉ bằng một cú nhấp không?
- Có — mỗi trường đầu ra có nút Sao chép.
- Bộ chuyển đổi có xử lý màu CSS được đặt tên không?
- Không trực tiếp — nhập tương đương HEX của màu được đặt tên.