⭐ 0
🔍
văn bản Hình ảnh PDF & Tài liệu Âm thanh Âm nhạc Điện tử Thời gian Tiện ích Trình xác nhận Huyền học Trò chơi

Pastel CSS gradient — Mã được tạo sẵn

Xây dựng các gradient CSS một cách trực quan: kiểu tuyến tính, hướng tâm hoặc hình nón, thanh trượt góc và tối đa sáu điểm dừng màu với bản xem trước toàn chiều rộng trực tiếp và mã có thể sao chép.

90°
Đang xử lý... 0%

kết quả

Trang này mở trình tạo gradient với tông màu pastel làm sẵn đã được làm sẵn: màu hồng phấn #ffdde1 hòa vào hoa hồng bụi #ee9ca7. Bảng xem trước hiển thị kết quả mềm ngay lập tức, với dòng CSS có sẵn bên dưới.

Độ dốc màu pastel hoạt động ở những nơi bão hòa sẽ hét lên: màn hình giới thiệu, thẻ, trạng thái trống và thương hiệu sắc đẹp hoặc phong cách sống. Bởi vì cả hai điểm dừng đều có màu sáng nên văn bản tối vẫn có thể đọc được trên toàn bộ bề mặt - điều mà hầu hết các màu chuyển sắc sống động không thể mang lại nếu không có lớp phủ.

Sao chép đường thẳng nguyên trạng hoặc làm mềm nó hơn nữa bằng cách nâng cao các thủ thuật liền kề với độ mờ: di chuyển điểm dừng hoa hồng lên 80% và để màu hồng chiếm ưu thế hoặc chuyển sang kiểu xuyên tâm để có ánh sáng trung tâm nhẹ nhàng. Công cụ này cập nhật CSS có thể sao chép trên mọi đầu vào.

🛡️
Thực hiện trong trình duyệt

Các tập tin và dữ liệu đầu vào của bạn sẽ không bao giờ rời khỏi thiết bị này. Quá trình xử lý chạy hoàn toàn ngoại tuyến. An toàn 100%.

Định dạng và quy tắc được chấp nhận

  • Chọn loại chuyển màu (tuyến tính, xuyên tâm, hình nón) với thanh trượt góc cho chế độ tuyến tính và hình nón.
  • Danh sách dừng màu: hai điểm dừng để bắt đầu, thêm hoặc xóa tối đa sáu điểm dừng, mỗi điểm dừng có bộ chọn màu riêng và vị trí theo phần trăm.
  • Dòng CSS nền có thể sao chép cùng với các trang cài sẵn được tạo sẵn cho độ dốc màu hoàng hôn, đại dương và màu phấn.

Lợi ích chính

✓ Bản xem trước toàn chiều rộng sẽ vẽ lại sau mỗi thay đổi — loại, góc và từng điểm dừng màu — vì vậy CSS bạn sao chép chính xác như những gì bạn đã thấy.
✓ Tối đa sáu điểm dừng màu với các vị trí riêng lẻ bao gồm mọi thứ từ độ mờ hai màu đơn giản đến nền nhiều dải phức tạp.
✓ Một khai báo, ba động cơ: chuyển đổi giữa tuyến tính, hướng tâm và hình nón mà không cần xây dựng lại điểm dừng của bạn.

Trường hợp sử dụng

  • • Soạn nền cho phần anh hùng bằng cách kéo góc và các điểm dừng màu thay vì chỉnh sửa bằng tay tuyến tính-gradient() và tải lại.
  • • So sánh các điểm dừng màu giống nhau dưới dạng chuyển màu tuyến tính, hướng tâm và hình nón bằng một công tắc - các điểm dừng chuyển tiếp giữa các loại.
  • • Lấy một sự kết hợp đã được chứng minh từ trang đặt trước về hoàng hôn, đại dương hoặc màu phấn và điều chỉnh nó thành màu sắc thương hiệu của bạn.