Xưởng Màu sắc
Một nơi cho mọi công cụ trong Xưởng Màu sắc.
Bảng màu, CSS và độ tương phản.
7 công cụ miễn phíKhông cần đăng kýChạy trên mọi thiết bịTệp của bạn ở lại với bạn
Khám phá Xưởng Màu sắc bên dưới và tìm công cụ phù hợp với việc của bạn.
Công cụ trong Xưởng Màu sắc
7 công cụXếp theo công việc bạn cần làm.
Màu sắc & CSS
Giá trị dán thẳng được vào bảng kiểu.7 công cụChuyển đổi mã màuMột màu ở mọi ký hiệu cùng lúc, kèm kiểm tra tương phản WCAG.HEX · RGB · HSLTạo bảng màuBộ màu hài hòa, sắc nhạt và sắc đậm từ một màu gốc, kèm mã hex sẵn sàng để sao chép.HEXTạo gradient CSSChuyển sắc tuyến tính và tỏa tròn với xem trước trực tiếp và đoạn CSS chính xác để dán.CSSTạo box shadowĐộ lệch, độ nhòe, độ lan và màu, xem trước trên một thẻ thật khi bạn tinh chỉnh.CSSKiểm tra độ tương phảnHai màu, một tỉ số, và câu trả lời thẳng thắn về việc nó đạt AA và AAA hay không.WCAGTìm màu TailwindLớp Tailwind gần nhất với một giá trị hex bất kỳ, kèm khoảng cách để bạn tự đánh giá.HEXMô phỏng mù màuXem một thiết kế theo cách tám phần trăm nam giới nhìn thấy, trước khi bạn dựa vào đỏ và xanh lá.JPG · PNG
Còn nhiều khu để khám phá
Chúng tôi chỉ mở một khu khi nó đã có công cụ đáng ghé.

Về Công cụ màu sắc
Các bạn dùng chuẩn tương phản nào?
Độ sáng tương đối theo WCAG 2.2, đúng công thức mà người rà soát và công cụ dành cho nhà phát triển của trình duyệt vẫn dùng. 4,5:1 cho chữ nội dung, 3:1 cho chữ lớn và các đường biên giao diện.
Vì sao bảng màu của tôi in ra lại khác?
Màn hình cộng màu còn mực in trừ màu, nên một màu rực trên màn hình thường không có màu mực tương đương. Hãy xem các giá trị CMYK là điểm khởi đầu để in thử, chứ không phải một bản khớp.
Các khu khác

Nhờ có bạn,
ToolZool luôn miễn phí
Công cụ tốt thì nên miễn phí cho tất cả mọi người. Đây là cách chúng tôi trang trải — đầy đủ, không giấu mục nào.
Mời Zooly một ly cà phêỦng hộ trực tiếp, giúp giữ đèn sáng và công cụ mới tiếp tục ra đời. Hoàn toàn tự nguyện.Ủng hộ Zooly →
Lựa chọn được gợi ýCông cụ trả phí làm nốt những việc trình duyệt không làm được. Hôm nay trang đó không mang lại cho chúng tôi đồng nào.Xem gợi ý →
Quảng cáo, giữ chừng mựcCác vị trí có gắn nhãn nằm ngoài khu vực làm việc, nên chúng không bao giờ chen vào giữa bạn và kết quả.Đọc chính sách quảng cáo →
Bạn thật tuyệt vờiMỗi lượt ghé, lượt chia sẻ và lời tử tế đều giúp ToolZool lớn lên và tới với nhiều người hơn.