Tạo gradient CSS
Thiết kế gradient CSS tuyến tính hoặc hướng tâm với xem trước trực tiếp và mã CSS sẵn sàng.
Hướng dẫn sử dụng
Tạo gradient
Chọn tuyến tính hoặc hướng tâm, chỉnh góc cho tuyến tính và chọn màu bắt đầu, kết thúc. Xem trước và CSS cập nhật trực tiếp.
- Chọn tuyến tính hoặc hướng tâm.
- Đặt góc và hai màu.
- Sao chép khai báo CSS được tạo.
Sử dụng CSS
Kết quả là một khai báo background. Dán vào quy tắc CSS, style nội tuyến hoặc khối style.
Câu hỏi thường gặp
Góc có ý nghĩa gì?
Góc điều khiển hướng gradient tuyến tính theo độ, 0deg hướng lên và 90deg hướng sang phải.
Có thêm điểm màu được không?
Công cụ tạo gradient hai điểm màu. Bạn có thể thêm điểm màu thủ công vào CSS đã sao chép.
Công cụ liên quan
Tạo bảng màu
Tạo bảng màu nhạt, đậm, tương đồng, bổ sung và bộ ba từ bất kỳ màu nào.
Tạo box-shadow CSS
Tạo bóng hộp với thanh trượt độ lệch, độ mờ, độ lan và màu, rồi sao chép CSS.
Chuyển đổi màu
Chuyển đổi màu giữa HEX, RGB và HSL kèm ô xem trước trực tiếp.
Tạo UUID / GUID
Tạo UUID phiên bản 4 ngẫu nhiên, sao chép từng cái hoặc hàng loạt.
Tạo mã băm
Tính mã băm MD5, SHA-1, SHA-256 và SHA-512 cho mọi văn bản.
Chuyển đổi Timestamp
Chuyển đổi giữa Unix timestamp, ISO 8601 và ngày giờ địa phương dễ đọc.