Tạo Sắc Độ Màu
Tạo các biến thể sắc độ từ sáng đến tối cho bất kỳ màu nào. Điều chỉnh số bước và xuất dưới dạng bảng màu Tailwind CSS.
Chọn màu cơ bản
Sắc sáng (màu nhạt hơn)
Biến thể sáng hơn được tạo bằng cách pha trắng vào màu cơ bản
Sắc tối (màu đậm hơn)
Biến thể tối hơn được tạo bằng cách pha đen vào màu cơ bản
Cách sử dụng
Chọn màu
Chỉ định màu qua bảng chọn hoặc mã HEX
Tạo sắc độ
Sắc độ từ sáng đến tối được tự động tạo
Sao chép
Sao chép mã màu của sắc độ mong muốn
Tính năng
Điều chỉnh số bước
Điều chỉnh số lượng bước sắc độ
Nhiều định dạng
Sao chép ở định dạng HEX, RGB, HSL
Xuất bảng màu
Xuất bảng màu theo định dạng Tailwind CSS
FAQ
🔗Công cụ liên quan
Chuyển Đổi Mã Màu
Chuyển đổi giữa mã màu HEX, RGB và HSL. Sử dụng bộ chọn màu và xem trước thời gian thực để chọn màu trực quan.
Bảng Chọn Màu
Chọn màu trực quan bằng bánh xe màu và thanh trượt. Lấy và sao chép mã màu ở định dạng HEX, RGB và HSL.
Trích xuất màu từ ảnh
Tự động phát hiện màu chủ đạo từ ảnh và tạo bảng màu. Bạn cũng có thể nhấp vào bất kỳ điểm nào trên ảnh để lấy màu riêng lẻ.
Lấy màu trung bình từ ảnh
Tính màu trung bình của toàn bộ ảnh hoặc vùng được chọn. Hữu ích để chọn bảng màu hoặc màu nền cho thumbnail.
Tạo CSS Gradient
Tạo CSS gradient trực quan bằng điều khiển kéo. Hỗ trợ loại gradient tuyến tính, hướng tâm và hình nón với cài đặt sẵn.
Tạo CSS Box Shadow
Tạo CSS box-shadow trực quan bằng thanh trượt. Hỗ trợ nhiều bóng đổ và bóng đổ bên trong (inset).