✨ Trình tạo dải màu
background: linear-gradient(to right, #ff6b6b, #6bc1ff);
Tạo các hiệu ứng chuyển màu (gradient) CSS tuyến tính và xuyên tâm tuyệt đẹp với công cụ tạo gradient dễ sử dụng của chúng tôi. Chọn màu, định hướng và sao chép mã CSS ngay lập tức cho các dự án web của bạn.
Tạo sự hài hòa màu sắc tuyệt đẹp với bánh xe màu sắc tương tác của chúng tôi. Tạo các lược đồ màu bổ sung, bộ ba, tương đồng và các lược đồ khác. Xuất dưới dạng CSS, SCSS, Tailwind, PNG, PDF hoặc JSON.
Chuyển đổi màu HSV (Hue, Saturation, Value) sang màu Pantone tương ứng gần nhất ngay lập tức. Tìm màu Pantone hoàn hảo với công cụ phối màu toàn diện của chúng tôi, tích hợp so sánh trực quan và khoa học màu sắc chính xác.
Trích xuất màu từ bất kỳ hình ảnh nào trực tuyến miễn phí. Tải lên một hình ảnh, nhấp để chọn màu và nhận các giá trị HEX, RGB, HSL và CMYK. Tạo và xuất bảng màu.
Chuyển đổi màu CMYK sang các màu Pantone gần nhất bằng khoa học màu sắc tiên tiến. Duyệt qua bộ sưu tập các màu Pantone phổ biến được tuyển chọn với tính năng so sánh màu sắc theo thời gian thực và sao chép dễ dàng.
Chuyển đổi màu hex sang màu Pantone gần nhất với công cụ trực tuyến miễn phí của chúng tôi. Với tính năng khớp màu Delta E chính xác, duyệt qua hơn 40 màu Pantone phổ biến và so sánh màu sắc tức thì. Hoàn hảo cho các nhà thiết kế, in ấn và các chuyên gia màu sắc.
Chuyển đổi màu RGB sang màu Pantone gần nhất bằng thuật toán so khớp màu tiên tiến của chúng tôi. Duyệt qua các màu Pantone được tuyển chọn, so sánh sự khác biệt màu sắc và nhận mã màu chính xác cho các dự án thiết kế.
Chọn màu thứ nhất và thứ hai của bạn bằng cách sử dụng công cụ chọn màu hoặc nhập trực tiếp mã màu hex vào ô nhập liệu.
Chọn giữa gradient tuyến tính cho các chuyển đổi màu theo hướng hoặc gradient xuyên tâm cho các chuyển đổi màu tròn từ trung tâm ra ngoài.
Đối với gradient tuyến tính, chọn từ 8 tùy chọn hướng bao gồm phải, trái, trên, dưới và các hướng chéo bằng cách sử dụng các nút mũi tên.
Nhấp vào nút 'Sao chép CSS' để sao chép toàn bộ thuộc tính CSS background vào clipboard của bạn, sẵn sàng dán vào các tệp stylesheet của bạn.
Tạo cả gradient tuyến tính và xuyên tâm với toàn quyền kiểm soát việc lựa chọn màu sắc và hướng chuyển màu. Chuyển đổi giữa các loại gradient ngay lập tức.
Chọn từ 8 hướng khác nhau cho gradient tuyến tính, bao gồm các hướng ngang, dọc và chéo với các nút điều khiển mũi tên trực quan.
Tạo các kết hợp màu ngẫu nhiên ngay lập tức để khám phá ý tưởng gradient mới và bảng màu sáng tạo cho dự án của bạn.
Sao chép mã CSS gradient đã tạo vào clipboard của bạn chỉ với một cú nhấp chuột. Thuộc tính CSS background sẵn sàng sử dụng để triển khai ngay lập tức.
Trình tạo CSS gradient là một công cụ giúp tạo các hiệu ứng chuyển màu nền (gradient) trong CSS bằng cách kết hợp hai hoặc nhiều màu sắc với các chuyển đổi mượt mà. Công cụ tạo gradient của chúng tôi tạo ra các thuộc tính CSS linear-gradient và radial-gradient có thể được sử dụng trực tiếp trong phát triển web. Linear gradient tạo ra các chuyển đổi màu theo hướng, trong khi radial gradient tạo ra các chuyển đổi màu tròn từ một điểm trung tâm. Công cụ cung cấp bản xem trước theo thời gian thực và tạo mã CSS tương thích với trình duyệt theo các tiêu chuẩn web hiện đại.
Xem ngay lập tức các thay đổi gradient của bạn với khu vực xem trước lớn, hiển thị chính xác gradient của bạn sẽ trông như thế nào trong các dự án web của bạn.
Mã CSS được tạo ra được tối ưu hóa và sẵn sàng sử dụng với cú pháp chính xác cho thuộc tính background, tương thích với tất cả các trình duyệt hiện đại.
Các nút mũi tên dễ sử dụng để đặt hướng gradient, giúp bạn dễ dàng tạo ra định hướng chính xác mà bạn cần cho thiết kế của mình.
Trình tạo màu ngẫu nhiên giúp khám phá các kết hợp màu mới và cung cấp cảm hứng sáng tạo cho các thiết kế gradient và bảng màu của bạn.
Gradient tuyến tính tạo ra các chuyển đổi màu theo một đường thẳng (ngang, dọc hoặc chéo), trong khi gradient xuyên tâm tạo ra các chuyển đổi màu tròn lan tỏa ra từ một điểm trung tâm.
Có, bạn có thể nhập bất kỳ mã màu hex hợp lệ nào trực tiếp vào các ô nhập liệu bên cạnh công cụ chọn màu. Công cụ chấp nhận mã hex 6 chữ số như #ff6b6b hoặc #6bc1ff.
Sao chép mã CSS và dán vào tệp stylesheet của bạn. Mã được tạo là một thuộc tính background hoàn chỉnh mà bạn có thể áp dụng cho bất kỳ phần tử HTML nào để hiển thị gradient.
Có, CSS được tạo sử dụng cú pháp linear-gradient và radial-gradient tiêu chuẩn được hỗ trợ bởi tất cả các trình duyệt hiện đại bao gồm Chrome, Firefox, Safari và Edge.
Hiện tại, công cụ của chúng tôi tập trung vào gradient hai màu để đảm bảo sự đơn giản và thiết kế gọn gàng. Bạn có thể sửa đổi mã CSS đã tạo để thêm các điểm dừng màu bổ sung nếu cần.