Bộ đảo màu
Đảo màu ngay lập tức với công cụ trực tuyến miễn phí của chúng tôi. Hỗ trợ các định dạng HEX, RGB, HSL, CMYK với xem trước trực tiếp, trực quan hóa vòng thuần sắc, kiểm tra độ tương phản khả năng truy cập (WCAG) và tạo màu bổ túc.
Trình chặn quảng cáo đang ngăn chúng tôi hiển thị quảng cáo
MiniWebtool miễn phí nhờ quảng cáo. Nếu công cụ này hữu ích, hãy ủng hộ bằng Premium (không quảng cáo + nhanh hơn) hoặc cho phép MiniWebtool.com rồi tải lại trang.
- Hoặc nâng cấp Premium (không quảng cáo)
- Cho phép quảng cáo cho MiniWebtool.com, rồi tải lại
Giới thiệu về Bộ đảo màu
Chào mừng bạn đến với Bộ đảo màu, một công cụ trực tuyến miễn phí mạnh mẽ dành cho các nhà thiết kế, nhà phát triển và chuyên gia về khả năng truy cập. Đảo ngược màu sắc ngay lập tức ở các định dạng HEX, RGB, HSL và CMYK với tính năng xem trước trực tiếp, trực quan hóa vòng thuần sắc tương tác và kiểm tra độ tương phản tuân thủ WCAG. Cho dù bạn cần tạo thiết kế chế độ tối, tìm màu bổ túc hay đảm bảo tuân thủ khả năng truy cập, công cụ này đều cung cấp mọi thứ bạn cần.
Đảo màu là gì?
Đảo màu tạo ra màu âm bản hoặc màu đối lập bằng cách biến đổi toán học các giá trị RGB của nó. Công thức đảo ngược RGB tiêu chuẩn sẽ lấy 255 trừ đi từng thành phần màu:
Ví dụ: đảo ngược màu đỏ thuần (#FF0000) sẽ tạo ra màu xanh lam (#00FFFF) và đảo ngược màu trắng (#FFFFFF) sẽ tạo ra màu đen (#000000). Mối quan hệ toán học này có nghĩa là mỗi màu đều có chính xác một màu đảo ngược tương ứng.
Đảo ngược RGB so với Màu bổ túc
Công cụ này cung cấp hai chế độ đảo ngược mang lại kết quả khác nhau:
- Đảo ngược RGB: Lấy 255 trừ đi từng giá trị RGB, tạo ra âm bản toán học chính xác. Tốt nhất cho âm bản ảnh, chuyển đổi chế độ tối và độ tương phản tối đa.
- Màu bổ túc: Xoay 180 độ trên vòng thuần sắc bằng cách thêm 180 vào giá trị sắc độ trong HSL trong khi vẫn giữ nguyên độ bão hòa và độ sáng. Tốt hơn cho các sơ đồ màu hài hòa và bảng màu thiết kế.
Các định dạng màu được hỗ trợ
HEX (Thập lục phân)
Định dạng màu web phổ biến nhất, HEX sử dụng sáu chữ số thập lục phân (0-9, A-F) để đại diện cho các giá trị RGB. Định dạng là #RRGGBB, trong đó RR là màu đỏ, GG là màu xanh lá cây và BB là màu xanh dương. Mỗi cặp có giá trị từ 00 (0) đến FF (255).
RGB (Đỏ, Lục, Lam)
Mô hình màu cộng được sử dụng bởi màn hình và màn hình hiển thị. Mỗi thành phần có giá trị từ 0 đến 255, với (0,0,0) là màu đen và (255,255,255) là màu trắng. RGB rất trực quan để hiểu việc pha trộn màu sắc với ánh sáng.
HSL (Sắc độ, Độ bão hòa, Độ sáng)
Một mô hình màu trực quan hơn cho các nhà thiết kế. Hue (Sắc độ) là một góc trên vòng thuần sắc (0-360), Saturation (Độ bão hòa) là cường độ màu (0-100%) và Lightness (Độ sáng) là độ rạng rỡ (0-100%). HSL giúp dễ dàng tạo ra các biến thể màu sắc.
CMYK (Xanh lam, Hồng cánh sen, Vàng, Đen)
Mô hình màu trừ được sử dụng trong in ấn. Mỗi thành phần nằm trong khoảng 0-100%, đại diện cho lượng của mỗi loại mực. Giá trị CMYK rất hữu ích khi chuẩn bị các thiết kế để sản xuất in ấn.
Cách sử dụng công cụ này
- Chọn định dạng đầu vào: Chọn tab định dạng màu ưa thích của bạn (HEX, RGB, HSL hoặc CMYK) dựa trên cách bạn muốn nhập màu của mình.
- Nhập màu của bạn: Nhập giá trị màu của bạn bằng các trường văn bản hoặc sử dụng bộ chọn màu để chọn trực quan. Bạn cũng có thể nhấp vào các mẫu màu ví dụ để kiểm tra nhanh.
- Chọn chế độ đảo ngược: Chọn Đảo ngược RGB để lấy âm bản màu toán học (255 trừ đi từng giá trị RGB) hoặc Màu bổ túc cho màu đối diện trên vòng thuần sắc (xoay sắc độ 180 độ).
- Xem kết quả: Xem bản xem trước trực tiếp hiển thị màu gốc của bạn cùng với phiên bản đảo ngược của nó. Trực quan hóa vòng thuần sắc hiển thị cả hai màu và vị trí của chúng.
- Kiểm tra khả năng truy cập: Xem lại tỷ lệ tương phản WCAG để đảm bảo sự kết hợp màu sắc của bạn đáp ứng các tiêu chuẩn về khả năng truy cập cho khả năng đọc văn bản.
- Sao chép mã màu: Nhấp vào bất kỳ định dạng mã màu nào (HEX, RGB, HSL, CMYK) để sao chép nó vào khay nhớ tạm nhằm sử dụng trong các dự án thiết kế của bạn.
Hiểu về tỷ lệ tương phản WCAG
Hướng dẫn truy cập nội dung web (WCAG) xác định tỷ lệ tương phản tối thiểu cho khả năng đọc văn bản:
WCAG AA (Tối thiểu)
- Văn bản bình thường: yêu cầu tỷ lệ tương phản 4,5:1
- Văn bản lớn (18pt+ hoặc 14pt+ đậm): yêu cầu tỷ lệ tương phản 3:1
WCAG AAA (Nâng cao)
- Văn bản bình thường: yêu cầu tỷ lệ tương phản 7:1
- Văn bản lớn: yêu cầu tỷ lệ tương phản 4,5:1
Công cụ này tự động tính toán tỷ lệ tương phản giữa màu gốc và màu đảo ngược của bạn, cho biết liệu chúng có đáp ứng các tiêu chuẩn WCAG AA và AAA hay không. Điều này rất cần thiết để đảm bảo các thiết kế của bạn có thể tiếp cận được với những người dùng khiếm thị.
Ứng dụng thực tiễn
Thiết kế chế độ tối
Đảo màu là nền tảng của giao diện chế độ tối. Bằng cách đảo ngược nền sáng và văn bản tối, bạn có thể tạo các chủ đề tối có thể truy cập được. Tuy nhiên, việc đảo ngược toán học thuần túy thường yêu cầu điều chỉnh để xem thoải mái.
Khả năng truy cập
Tìm kiếm các kết hợp màu sắc có độ tương phản cao là rất quan trọng đối với người dùng có thị lực kém hoặc mù màu. Bộ kiểm tra độ tương phản WCAG giúp đảm bảo văn bản của bạn vẫn có thể đọc được cho tất cả người dùng.
Chỉnh sửa ảnh
Đảo ngược màu sắc tạo ra âm bản ảnh, một hiệu ứng nghệ thuật cổ điển. Hiểu về đảo màu giúp xử lý hình ảnh và các hiệu ứng đặc biệt.
Thương hiệu và Thiết kế
Màu bổ túc (các màu đối diện 180 độ trên vòng thuần sắc) tạo ra các kết hợp rực rỡ, bắt mắt cho logo, tài liệu tiếp thị và thiết kế giao diện người dùng.
Chuẩn bị in ấn
Chuyển đổi giữa RGB và CMYK là điều cần thiết khi chuẩn bị các thiết kế để in. Công cụ này hiển thị các giá trị CMYK cho cả màu gốc và màu đảo ngược.
Vòng thuần sắc và Màu bổ túc
Trực quan hóa vòng thuần sắc tương tác cho thấy màu sắc của bạn nằm ở đâu trên phổ màu. Các màu bổ túc nằm đối diện trực tiếp với nhau trên vòng tròn, tạo ra độ tương phản thị giác tối đa trong khi vẫn duy trì sự hài hòa về màu sắc.
Các mối quan hệ màu sắc chính trên vòng tròn:
- Bổ túc (180 độ): Độ tương phản cao, kết hợp rực rỡ (ví dụ: đỏ-xanh lam, xanh dương-cam)
- Tương đồng (liền kề): Hài hòa, các màu tương tự hòa quyện tốt với nhau
- Bộ ba (cách nhau 120 độ): Cân bằng, sơ đồ ba màu rực rỡ
- Bổ túc bộ đôi: Ít cường độ hơn màu bổ túc trực tiếp, sắc thái hơn
Câu hỏi thường gặp
Đảo màu là gì?
Đảo màu là quá trình tạo ra màu âm bản bằng cách lấy 255 trừ đi từng thành phần RGB. Ví dụ: đảo ngược màu trắng (#FFFFFF với RGB 255,255,255) sẽ tạo ra màu đen (#000000 với RGB 0,0,0). Điều này tạo ra màu đối lập chính xác trên phổ RGB, hữu ích cho việc tạo các thiết kế có độ tương phản cao và các tính năng hỗ trợ khả năng truy cập.
Sự khác biệt giữa màu đảo ngược và màu bổ túc là gì?
Màu đảo ngược (đảo ngược RGB) được tính toán bằng cách lấy 255 trừ đi từng giá trị RGB, tạo ra một giá trị âm bản về mặt toán học. Màu bổ túc được tìm thấy bằng cách xoay 180 độ trên vòng thuần sắc (thêm 180 vào giá trị sắc độ trong HSL). Mặc dù cả hai đều tạo ra các màu tương phản, nhưng màu bổ túc duy trì cùng độ bão hòa và độ sáng, giúp chúng hài hòa hơn cho mục đích thiết kế.
Làm cách nào để kiểm tra độ tương phản màu cho khả năng truy cập?
WCAG (Hướng dẫn truy cập nội dung web) xác định tỷ lệ tương phản cho khả năng truy cập. Văn bản bình thường yêu cầu tỷ lệ tương phản ít nhất là 4,5:1 (mức AA), mentre văn bản lớn cần 3:1. Để tăng cường khả năng truy cập (mức AAA), văn bản bình thường cần 7:1 và văn bản lớn cần 4,5:1. Công cụ này tự động tính toán tỷ lệ tương phản giữa màu gốc và màu đảo ngược của bạn và hiển thị trạng thái tuân thủ WCAG.
Công cụ này hỗ trợ những định dạng màu nào?
Bộ đảo màu này hỗ trợ bốn định dạng màu chính: HEX (thập lục phân như #FF5733), RGB (giá trị Red, Green, Blue từ 0-255), HSL (Sắc độ 0-360, Độ bão hòa 0-100%, Độ sáng 0-100%) và CMYK (Xanh lam, Hồng cánh sen, Vàng, Đen 0-100%). Tất cả các định dạng được tự động chuyển đổi và hiển thị để dễ dàng sao chép.
Tại sao tôi cần đảo ngược màu sắc?
Đảo màu hữu ích cho việc tạo phiên bản chế độ tối của các thiết kế, tạo sơ đồ màu có độ tương phản cao cho khả năng truy cập, thiết kế âm bản ảnh và hiệu ứng nghệ thuật, tìm màu văn bản dễ đọc trên các nền màu, tạo bảng màu bổ túc cho thương hiệu và phát triển giao diện người dùng cần chuyển đổi chủ đề sáng/tối.
Chi tiết kỹ thuật
Chuyển đổi không gian màu
Công cụ này thực hiện chuyển đổi chính xác giữa các không gian màu bằng các thuật toán tiêu chuẩn. Chuyển đổi RGB sang HSL bảo tồn các mối quan hệ màu sắc theo cảm nhận, trong khi chuyển đổi CMYK sử dụng công thức đơn giản hóa phù hợp để xem trước trên màn hình (việc in ấn chuyên nghiệp có thể yêu cầu cấu hình màu ICC).
Tính toán tỷ lệ tương phản
Tỷ lệ tương phản WCAG được tính toán bằng cách sử dụng các giá trị độ chói tương đối:
Trong đó L1 là độ chói tương đối của màu sáng hơn và L2 là độ chói tương đối của màu tối hơn. Độ chói tương đối tính đến nhận thức của con người về các bước sóng màu khác nhau.
Tài nguyên bổ sung
Tham khảo nội dung, trang hoặc công cụ này như sau:
"Bộ đảo màu" tại https://MiniWebtool.com/vi/bộ-đảo-màu/ từ MiniWebtool, https://MiniWebtool.com/
bởi đội ngũ miniwebtool. Cập nhật: 07 tháng 1, 2026