Cách tạo bảng màu gradient
Chọn màu bắt đầu và màu kết thúc, bằng cách nhập mã màu hoặc dùng bộ chọn màu, rồi chọn số tông màu bạn muốn ở giữa, từ 3 đến 12. Các màu trung gian được tính trong một không gian màu mô phỏng thị giác con người (OKLab), nên các bước chuyển giữa các tông trông đều nhau và không xuất hiện màu xám đục ở giữa.
Bảng màu gradient hay dải gradient liền mạch
Công cụ này cho bạn các màu riêng lẻ kèm mã để dùng từng màu một: trong thang màu Tailwind, biểu đồ, bài thuyết trình hay các phần của một trang web. Nếu bạn cần một nền chuyển mượt từ màu này sang màu khác, hãy dùng công cụ tạo gradient CSS.
Câu hỏi thường gặp
Bảng màu gradient là gì?
Đó là một dãy màu chuyển dần từ màu này sang màu khác. Ví dụ từ hồng sang xanh da trời trong 7 bước. Mỗi màu có mã HEX riêng và có thể dùng riêng lẻ.
Bảng màu có thể có bao nhiêu màu?
Từ 3 đến 12. Ít màu thì các bước chuyển rõ hơn; nhiều màu thì chuyển tiếp mượt hơn và bạn có nhiều tông để chọn hơn.
Có thể xuất ra những định dạng nào?
Biến CSS kèm gradient sẵn dùng, danh sách mã HEX, cấu hình Tailwind, JSON, SVG hoặc ảnh PNG. Bạn cũng có thể mở nó trong công cụ tạo bảng màu để tiếp tục chỉnh sửa.
Vì sao các tông trung gian không bị xám?
Vì phép trộn được tính trong OKLab, một không gian màu được thiết kế theo thị giác con người. Trộn RGB trực tiếp giữa hai màu đối lập, như hồng và xanh lá, sẽ đi qua các tông xỉn; trong OKLab, bước chuyển sạch và đều hơn.
Có thể chia sẻ bảng màu của mình không?
Có. Địa chỉ trang lưu cả hai màu và số tông, nên bạn có thể sao chép rồi gửi đi.
Khác gì so với công cụ tạo gradient?
Công cụ tạo gradient tạo ra một nền CSS liền mạch. Công cụ này cho bạn các màu riêng lẻ nằm giữa hai màu, để dùng từng màu một.
Có miễn phí không?
Có, không cần đăng ký và không giới hạn. Bạn có thể lưu các gradient yêu thích bằng nút trái tim; chúng được lưu trong trình duyệt này.