Công cụ màu sắc

Công cụ kiểm tra tương phản WCAG đo tỉ lệ độ sáng giữa màu nền trước và màu nền sau để xác định liệu chúng có đáp ứng tiêu chuẩn Hướng dẫn Khả năng Tiếp cận Nội dung Web (WCAG) 2.1 hay không. Tỉ lệ tối thiểu 4.5:1 là yêu cầu để đạt chuẩn AA với văn bản thường, và 7:1 để đạt chuẩn AAA.

Mã màu HEX như #4285F4 được chia thành ba cặp: 42 (đỏ), 85 (lục), F4 (lam). Mỗi cặp được chuyển đổi từ hệ thập lục phân sang hệ thập phân. Vậy #4285F4 trở thành RGB(66, 133, 244). Công cụ Chuyển đổi Màu sắc của chúng tôi xử lý ngay lập tức các định dạng HEX, RGB, HSL, HSV, CMYK và OKLCH.

Công cụ tạo bảng màu tạo ra các tổ hợp màu sắc hài hòa từ một màu cơ sở dựa trên các nguyên tắc lý thuyết màu sắc. Các sơ đồ phổ biến bao gồm bổ sung (đối diện trên vòng tròn màu sắc), tương đồng (màu liền kề), bộ ba (ba màu cách đều nhau) và bổ sung phân tách. Những bảng màu này đảm bảo sự hài hòa thị giác trong thiết kế.

Tailwind CSS sử dụng thang độ đậm nhạt từ 50–950 cho mỗi màu, trong đó 50 là tông sáng nhất và 950 là tông tối nhất. Công cụ Tạo Độ Đậm Nhạt của chúng tôi tạo ra toàn bộ thang này từ bất kỳ màu cơ sở nào, phù hợp với tính đồng nhất tri giác của Tailwind để tạo ra các hệ thống thiết kế nhất quán.

Công cụ mô phỏng mù màu áp dụng các phép biến đổi toán học lên màu sắc để mô phỏng cách chúng hiển thị với người có khiếm khuyết thị giác màu. Các dạng chính gồm Deuteranopia (mù màu xanh lá, ~6% nam giới), Protanopia (mù màu đỏ, ~1%), Tritanopia (mù màu xanh dương, hiếm gặp) và Achromatopsia (mù màu hoàn toàn).

ColorFYI hỗ trợ sáu định dạng màu: HEX (#4285F4), RGB (66, 133, 244), HSL (217°, 89%, 61%), HSV (217°, 73%, 96%), CMYK (73%, 45%, 0%, 4%) và OKLCH (0.63, 0.17, 264°). OKLCH là không gian màu đồng nhất tri giác được khuyến nghị cho CSS hiện đại.

Có, tất cả sáu công cụ màu sắc của ColorFYI đều hoàn toàn miễn phí và không cần đăng ký. Chúng chạy hoàn toàn trong trình duyệt của bạn để có kết quả tức thì — Kiểm tra Tương phản, Chuyển đổi Màu sắc, Tạo Bảng màu, Tạo Độ Đậm Nhạt, Mô phỏng Mù màu và Tạo Gradient.