Tạo sắc thái màu

Tất cả công cụ
Tạo sắc thái màu
Tạo dải đầy đủ tints và shades từ một màu duy nhất — chọn bước sáng/tối và số lượng sắc thái, rồi sao chép bất kỳ giá trị nào ngay lập tức.
Màu cơ sở
Bước
%
Mỗi sắc thái sáng/tối hơn bao nhiêu, mỗi bước (1–25%).
Số sắc thái
Số lượng tints và shades cần tạo ở mỗi bên của màu cơ sở.
Gradient
Sắc thái đã tạo

Chọn màu cơ sở, phần trăm bước và số lượng — mọi tint và shade được tính toán ngay lập tức trong trình duyệt.

Chia sẻ
Công cụ liên quan
Tạo bảng màu

Xây dựng bảng màu hài hòa từ vòng màu tương tác — áp dụng quy tắc hài hòa như analogous, complementary hoặc triad, rồi sao chép bất kỳ giá trị nào ngay lập tức.
Trộn màu

Pha trộn màu bắt đầu sang màu kết thúc qua tối đa 10 bước — xem trước gradient, lấy mọi sắc thái và sao chép bất kỳ định dạng nào ngay lập tức.
Xuất bảng màu

Dán hoặc nhập bộ màu và xuất ngay sang CSS variables, SCSS, Tailwind config, JSON hoặc SVG swatches — bước hoàn thiện cho bất kỳ bảng màu nào.
Trích xuất màu từ ảnh

Lấy bảng màu tinh tế, sẵn sàng sao chép từ bất kỳ ảnh nào.
Tìm kiếm phổ biến
tạo sắc độ màu sắc nhạt và sắc đậm làm sáng và làm tối màu các sắc độ của màu tạo sắc nhạt màu tạo các sắc độ màu

Thêm công cụ miễn phí này vào trang web của riêng bạn — sao chép và dán mã bên dưới.