Màu sắc và thiết kế CSS
Studio màu sắc, bảng màu và tương phản
Chuyển đổi không gian màu, tạo thang màu CSS, trích bảng màu và kiểm tra tương phản WCAG hoặc APCA.
Mở công cụBộ sưu tập công cụ
Studio màu sắc, khả năng tiếp cận và CSS
So sánh màu sắc và tương phản, chắp chuyển màu và bóng, rồi dựng bố cục Grid, Flexbox hay kiểu chữ co giãn. Kết quả kiểm tra tương phản phụ thuộc tiêu chuẩn chọn và không thay được một cuộc kiểm tra khả năng tiếp cận toàn diện.
Các studio để khám phá màu sắc, kiểm tra tương phản và sáng tác chuyển màu, bóng đổ cùng bố cục CSS.
Công cụ trong bộ sưu tập này
4 công cụ
Màu sắc và thiết kế CSS
Studio chuyển màu, đổ bóng và hoạt ảnh CSS
Sáng tạo chuyển màu, bóng, bộ lọc, biến đổi và hoạt ảnh CSS với bản xem trước.
Mở công cụMàu sắc và thiết kế CSS
Studio CSS Grid, Flexbox và kiểu chữ co giãn
Phác thảo lưới CSS, bố cục Flexbox, cỡ chữ co giãn và khoảng cách đáp ứng được.
Mở công cụHình ảnh và đồ họa vector
Studio SVG và biểu tượng vector
Chỉnh sửa mã SVG, viewBox và màu sắc, tối ưu đường vẽ, rồi xuất sang TSX/JSX, CSS Data URI, PNG hoặc WebP.
Mở công cụDanh mục bao phủ
Câu hỏi về công cụ thiết kế và CSS
Studio Color có kiểm tra tương phản WCAG và APCA không?
Trang studio Color mô tả phương pháp và số đo có sẵn. Hãy kiểm tra chế độ bạn chọn và diễn giải kết quả theo ngữ cảnh dùng.
Kiểm tra tương phản có thay thế được cuộc kiểm tra khả năng tiếp cận không?
Không. Kết quả phụ thuộc tiêu chuẩn đã chọn và chưa bao phủ được hết các quy tắc khả năng tiếp cận của một trang web.
Các thao tác có chạy trên trình duyệt không?
Cách xử lý tùy công cụ và chức năng; xem ghi chú ở khu vực làm việc trước khi dùng các thông số màu hoặc bố cục quan trọng.
Kết quả có được bảo đảm không?
Không. Hãy thử kết quả trên trình duyệt mục tiêu và đảm bảo nó khớp yêu cầu thiết kế của bạn.
Bộ sưu tập liên quan
Duyệt công cụ theo loại tác vụ.
Duyệt tất cả công cụ