Công cụ trực tuyến miễn phí convert between color formats instantly. free online color converter supports hex, rgb, hsl, hsv, cmyk, and named colors. get color previews and accessibility info. no sign-up.
Đang tải máy tính...
Công cụ này có hữu ích với bạn không?
Trình Chuyển Đổi Màu Sắc là gì?
Trình chuyển đổi màu chuyển đổi màu giữa các mô hình màu HEX, RGB và HSL. Cần thiết cho các nhà phát triển web và nhà thiết kế làm việc với CSS, công cụ thiết kế và lý thuyết màu sắc. Bao gồm mẫu xem trước trực tiếp.
Khi Nào Nên Sử Dụng Máy Tính Này
Khi bạn cần đánh giá chi phí công cụ trước khi bắt đầu dự án
Khi so sánh kết quả với các công cụ tương tự khác
Khi tìm hiểu cách sử dụng công cụ trong các kịch bản khác nhau
Khi chia sẻ kết quả với nhóm hoặc khách hàng
Khi xác minh độ chính xác của phép tính công cụ
Khi tìm kiếm giải pháp nhanh chóng và dễ dàng cho một vấn đề cụ thể
Các bước:
Enter your input in the field above.
Configure any available options to customize the output.
View the results instantly with real-time updates.
Copy or export your results for use in your projects.
Công Thức
HEX → RGB: split #RRGGBB into decimal giá trịs
RGB → HSL: normalize RGB → find hue/saturation/lightness
HSL → RGB: chuyển đổi via chroma công thứcs
HEX: #RRGGBB (0-255 each)
RGB: rgb(R, G, B) (0-255)
HSL: hsl(H°, S%, L%) (H: 0-360, S/L: 0-100)
Trường Hợp Sử Dụng
chuyển đổiing CSS màu sắc giá trịs
Creating màu sắc schemes from base màu sắcs
kết quả khớping design system màu sắcs
Hiểu mối quan hệ màu sắc thông qua HSL
Lợi Ích Chính
Get accurate results instantly in your browser.
Save time with real-time calculations as you type.
No data leaves your device - complete privacy.
Free to use on any device, no sign-up required.
Mẹo Chuyên Nghiệp
sử dụng HSL for intuitive màu sắc adjustments
sử dụng HEX for CSS compatibility
sử dụng the preview to verify của bạn màu sắc before sử dụng it
Công cụ này hiển thị kết quả chi tiết dựa trên dữ liệu bạn nhập. Hãy xem kỹ từng phần để hiểu cách diễn giải các con số và đưa ra quyết định dựa trên đó.
Nếu bạn có thắc mắc về cách công cụ hoạt động hoặc cách diễn giải một số kết quả cụ thể, hãy tham khảo phần Câu hỏi thường gặp bên dưới hoặc liên hệ bộ phận hỗ trợ.
Câu Hỏi Thường Gặp
Sự khác biệt giữa HEX, RGB và HSL là gì?
HEX là biểu diễn thập lục phân 6 chữ số (#FF0000). RGB định nghĩa màu bằng giá trị đỏ/xanh lá/xanh dương (rgb(255, 0, 0)). HSL sử dụng sắc thái, độ bão hòa và độ sáng (hsl(0, 100%, 50%)).
Tôi nên sử dụng định dạng màu nào?
HEX phổ biến nhất trong phát triển web cho màu đơn giản. RGB cho phép kiểm soát tinh tế các kênh màu. HSL trực quan nhất cho con người — điều chỉnh sắc thái cho các màu khác nhau, độ bão hòa cho cường độ và độ sáng cho ánh sáng.
Lợi ích của HSL là gì?
HSL dễ đọc hơn cho con người. Bạn có thể tạo bảng màu bằng cách giữ nguyên S và L trong khi thay đổi H. Ví dụ: hsl(0, 50%, 50%) = đỏ, hsl(120, 50%, 50%) = xanh lá, hsl(240, 50%, 50%) = xanh dương.
Độ tương phản màu là gì và tại sao nó quan trọng?
Độ tương phản màu là sự khác biệt về độ sáng giữa văn bản tiền cảnh và nền. Độ tương phản cao hơn làm cho văn bản dễ đọc hơn. Hướng dẫn WCAG yêu cầu tỷ lệ tương phản tối thiểu: 4,5:1 cho văn bản bình thường (AA) và 7:1 cho khả năng đọc cải tiến (AAA).
Tôi có thể chuyển đổi CMYK sang HEX hoặc RGB không?
CMYK (sử dụng trong in ấn) không chuyển đổi trực tiếp sang RGB/HEX (sử dụng trên màn hình) vì chúng sử dụng gam màu khác nhau. Việc chuyển đổi phụ thuộc vào hồ sơ màu của bạn (sRGB, Adobe RGB, v.v.).
Kênh alpha trong RGBA làm gì?
Kênh alpha kiểm soát độ trong suốt, từ 0 (hoàn toàn trong suốt) đến 1 (hoàn toàn đục). RGBA mở rộng RGB với giá trị thứ tư này.
Tại sao HEX và RGB đôi khi hiển thị màu hơi khác nhau?
Chúng không nên — HEX và RGB biểu diễn cùng một giá trị màu, chỉ ở định dạng khác nhau. #FF0000 bằng rgb(255, 0, 0). Nếu bạn thấy sự khác biệt, có thể do hiệu chuẩn màn hình của bạn.
Làm thế nào để tạo bảng màu hài hòa?
Sử dụng HSL để tạo bảng màu: giữ nguyên độ bão hòa (S) và độ sáng (L) trong khi thay đổi sắc thái (H) cho các màu bổ sung. Đối với các màu tương tự, thay đổi H 30–60 độ.
Sự khác biệt giữa sRGB và Display P3 là gì?
sRGB là không gian màu tiêu chuẩn cho nội dung web. Display P3 (được sử dụng bởi thiết bị Apple và màn hình hiện đại) hỗ trợ gam rộng hơn, hiển thị màu đỏ và xanh lá sống động hơn.
Làm thế nào để kiểm tra màu cho người dùng bị mù màu?
Sử dụng tỷ lệ tương phản để đảm bảo khả năng đọc bất kể nhận thức màu. Các tổ hợp tương phản cao được đọc rộng rãi. Tránh dựa vào màu alone để truyền đạt thông tin.
Tại sao giá trị RGB của tôi trông khác nhau trên màn hình?
Các màn hình khác nhau có hồ sơ màu, độ sáng và cài đặt tương phản khác nhau. Ngoài ra, trình duyệt có thể hiển thị màu hơi khác nhau. Đối với việc khớp màu quan trọng, hãy hiệu chuẩn màn hình của bạn.
