Tạo các dải màu chuyển sắc ấn tượng và tạo bảng màu tùy chỉnh trực tuyến miễn phí. Chọn màu bắt đầu và kết thúc, điều chỉnh kích thước bảng màu, và sao chép mã CSS hoặc các mã hex màu riêng lẻ. Hoàn hảo cho thiết kế web, thiết kế đồ họa và các dự án sáng tạo.

Chọn màu bắt đầu
Chọn màu bắt đầu của bạn bằng cách sử dụng bộ chọn màu hoặc nhập mã hex trực tiếp vào trường văn bản. Đây sẽ là màu đầu tiên trong gradient của bạn.
Chọn màu kết thúc
Chọn màu kết thúc của bạn bằng cách sử dụng bộ chọn màu thứ hai hoặc nhập mã hex. Thao tác này tạo điểm kết thúc chuyển đổi màu cho gradient của bạn.
Điều chỉnh kích thước bảng màu
Sử dụng thanh trượt để cài đặt số lượng màu bạn muốn trong bảng màu của mình (3-12 màu). Càng nhiều màu, chuyển đổi càng mượt mà.
Sao chép màu & CSS
Nhấp vào bất kỳ màu nào để sao chép mã hex của nó, sử dụng 'Sao chép CSS' cho mã gradient hoặc 'Sao chép tất cả' cho toàn bộ bảng màu.
Bộ chọn màu tương tác
Chọn màu bắt đầu và kết thúc bằng cách sử dụng bộ chọn màu trực quan hoặc nhập trực tiếp mã hex để kiểm soát màu sắc chính xác
Kích thước bảng màu tùy chỉnh
Tạo bảng màu với 3 đến 12 màu, với chuyển đổi mượt mà giữa màu bắt đầu và kết thúc bạn đã chọn
Xem trước Gradient trực tiếp
Xem gradient của bạn theo thời gian thực với bản xem trước trực quan đẹp mắt, cập nhật ngay lập tức khi bạn điều chỉnh màu sắc
Sao chép chỉ với một cú nhấp chuột
Sao chép các mã hex màu riêng lẻ, mã gradient CSS hoặc toàn bộ bảng màu vào bộ nhớ tạm chỉ với một cú nhấp chuột
Bảng màu chuyển sắc là tập hợp các màu chuyển tiếp mượt mà từ màu này sang màu khác, tạo ra một phối màu hài hòa. Các bảng màu này rất cần thiết trong công việc thiết kế, giúp tạo ra trải nghiệm hình ảnh mạch lạc trong các trang web, ứng dụng và dự án thiết kế đồ họa. Công cụ tạo bảng màu chuyển sắc của chúng tôi tạo ra các màu trung gian bằng cách nội suy các giá trị RGB giữa màu bắt đầu và màu kết thúc bạn đã chọn, đảm bảo chuyển đổi màu mượt mà và tự nhiên.
Kết quả tức thì
Tạo bảng màu đẹp mắt ngay lập tức với bản xem trước trực tiếp. Không cần chờ đợi, không cần xử lý – xem gradient của bạn cập nhật theo thời gian thực khi bạn thực hiện thay đổi.
Thân thiện với nhà phát triển
Nhận mã gradient CSS và các giá trị màu hex sẵn sàng sử dụng mà bạn có thể áp dụng ngay lập tức trong các dự án web, công cụ thiết kế hoặc ứng dụng của mình.
Cảm hứng ngẫu nhiên
Sử dụng trình tạo màu ngẫu nhiên để khám phá các sự kết hợp màu sắc đẹp mắt và bất ngờ mà bạn có thể chưa từng nghĩ tới.
Không cần cài đặt
Tạo màu chuyển sắc trực tiếp trong trình duyệt của bạn mà không cần tải xuống phần mềm hoặc tạo tài khoản. Tất cả quá trình xử lý diễn ra cục bộ để có hiệu suất nhanh chóng.
Nhấp vào nút 'Sao chép CSS' bên dưới phần xem trước gradient để sao chép toàn bộ mã CSS linear-gradient vào bộ nhớ tạm của bạn. Sau đó, bạn có thể dán trực tiếp vào các tệp CSS của mình.
Có! Bạn có thể nhập trực tiếp mã màu hex vào các trường văn bản bên cạnh mỗi bộ chọn màu. Gradient sẽ tự động cập nhật khi bạn nhập các mã hex hợp lệ.
Bạn có thể tạo bảng màu với tối đa 12 màu. Sử dụng thanh trượt để điều chỉnh kích thước bảng màu từ 3 đến 12 màu tùy theo nhu cầu của bạn.
Trình tạo màu ngẫu nhiên tạo ra hai mã hex màu hoàn toàn ngẫu nhiên cho điểm bắt đầu và điểm kết thúc của bạn, mang đến cho bạn những sự kết hợp màu sắc bất ngờ và đầy cảm hứng để làm việc.
Có! Nhấp vào bất kỳ ô màu nào trong bảng màu đã tạo để sao chép mã hex của nó vào bộ nhớ tạm của bạn. Bạn sẽ thấy thông báo xác nhận khi màu được sao chép.