Công cụ Thiết kế — Trực tuyến miễn phí
Chọn màu, bảng màu, gradient và công cụ SVG cho nhà thiết kế.
9 công cụ
Trình tạo Box ShadowTinh chỉnh bóng mềm mại, sắc nét, nhiều lớp hoặc inset với bản xem trước trực tiếp và sao chép mã CSS.Trình mô phỏng mù màuXem trước hình ảnh qua góc nhìn của người bị khiếm khuyết thị lực màu sắc để đảm bảo thiết kế của bạn có tính tiếp cận cao.Kiểm tra độ tương phản màuKiểm tra xem văn bản của bạn có đủ dễ đọc hay không — và nhận màu gần nhất đạt chuẩn WCAG.Chuyển đổi mã màuChuyển đổi bất kỳ màu nào giữa HEX, RGB, HSL, HSV và CMYK, đồng thời kiểm tra độ tương phản.Trình tạo bảng màuChọn một màu và nhận bảng 5 màu hài hòa dựa trên lý thuyết màu sắc.Trình tạo CSS GradientThiết kế nền gradient trực quan và sao chép mã CSS — hỗ trợ dạng linear, radial hoặc conic.Lấy mã màu từ ảnhNhấp vào bất kỳ đâu trên ảnh để lấy chính xác mã màu HEX, RGB và HSL — cùng với bảng màu chủ đạo của ảnh.Trình tạo màu ngẫu nhiênTạo màu ngẫu nhiên theo định dạng HEX, RGB và HSL, với các chế độ bảng màu pastel, rực rỡ, tối và sáng.Tối ưu hóa SVGNén và dọn dẹp file SVG ngay trên trình duyệt để giảm dung lượng và tăng tốc độ website.