Trình tạo bảng màu
Tạo bảng màu đẹp và hài hòa ngay lập tức với trình tạo trực tuyến miễn phí của chúng tôi. Hỗ trợ chế độ đơn sắc, tương tự, bổ sung, ba màu, phân tách bổ sung và bốn màu. Tinh chỉnh màu bằng thanh trượt HSL, khóa mục yêu thích và xuất dưới dạng CSS, Tailwind, JSON hoặc SVG. 100% dựa trên trình duyệt, dữ liệu của bạn không bao giờ rời khỏi thiết bị.
Cách tạo bảng màu?
Nhấp nút Tạo hoặc nhấn phím cách để tạo bảng màu ngẫu nhiên mới. Sử dụng bộ chọn chế độ hòa hợp để chọn lược đồ đơn sắc, tương tự, bổ sung, ba màu, phân tách bổ sung hoặc bốn màu.
Cách khóa màu yêu thích?
Nhấp vào biểu tượng khóa trên mẫu màu. Màu đã khóa sẽ giữ nguyên khi tạo bảng màu mới, trong khi màu chưa khóa sẽ được thay thế.
Cách xuất bảng màu?
Nhấp nút Xuất để chọn biến CSS, cấu hình Tailwind, mảng JSON hoặc bảng màu SVG. Bảng màu sẽ được tự động sao chép vào clipboard.
Các chế độ hòa hợp khác nhau là gì?
Đơn sắc sử dụng một sắc độ với độ bão hòa và độ sáng khác nhau. Tương tự sử dụng sắc độ liền kề (±30°). Bổ sung sử dụng sắc độ đối diện (180°). Ba màu sử dụng 3 sắc độ cách đều (120°). Phân tách bổ sung sử dụng sắc độ cơ bản cộng hai sắc độ bên cạnh màu bổ sung. Bốn màu sử dụng 4 sắc độ cách đều (90°).
Tôi có thể dựng bảng màu quanh màu thương hiệu của mình không?
Được. Chọn màu thương hiệu trong bộ chọn màu gốc, rồi chọn một chế độ hài hòa — bốn màu còn lại sẽ được tạo quanh màu đó. Sau đó bạn có thể tinh chỉnh từng màu bằng thanh trượt HSL.
Có những định dạng xuất nào?
Bảng màu có thể xuất thành biến CSS, cấu hình Tailwind, mảng JSON hoặc tệp SVG. Bản xem trước mã cập nhật ngay khi bạn đổi định dạng, sẵn sàng dán vào dự án.
Có thể xem giá trị màu ở dạng HEX, RGB hay HSL?
Được, giá trị của từng màu có thể chuyển qua lại giữa HEX, RGB và HSL. Nhờ vậy bạn lấy ngay định dạng mà công cụ thiết kế hoặc codebase của mình cần, không phải quy đổi tay.
Huy hiệu nhỏ trên mỗi màu có nghĩa là gì?
Nó cho biết chữ trắng hay chữ đen dễ đọc trên màu đó. Khi tỷ lệ tương phản đạt 4,5:1, huy hiệu hiển thị đạt theo hướng dẫn WCAG — rất tiện khi chọn màu nền cho nút hay banner.
Bảng màu của tôi có được tải lên máy chủ không?
Không. Mọi thứ chạy cục bộ trong trình duyệt nên màu sắc của bạn không bao giờ rời khỏi thiết bị. Sau khi trang tải xong, công cụ hoạt động cả khi ngoại tuyến.
Cách sử dụng Trình tạo bảng màu
Tạo bảng màu hài hòa với các Mode đơn sắc, tương cận, tam giác và hơn thế — mọi tính toán diễn ra trong trình duyệt. Khóa những sắc độ ưng ý, tinh chỉnh rồi xuất theo định dạng của framework bạn dùng.
- Chọn Mode phối màu trong danh sách thả xuống: Random, Monochromatic, Analogous, Complementary, Triadic, Split-complementary hoặc Tetradic.
- Đặt màu Base để mọi ô màu được tạo đều bắt nguồn từ sắc độ thương hiệu, rồi tạo lại đến khi bộ màu ưng ý.
- Bấm ✕ để bỏ những ô màu không thích và tạo lại; tinh chỉnh phần giữ lại bằng thanh trượt HSL.
- So sánh các ô màu trên bản mẫu nền sáng và nền tối để chắc chắn chữ vẫn dễ đọc trên mọi màu.
- Mở Export Palette và lấy màu của bạn dưới dạng CSS Variables, Tailwind Config, JSON Array hoặc SVG Palette.
Khóa ô màu Base trước khi tạo lại ở chế độ Random để chỉ khám phá các biến thể quanh màu thương hiệu mà không làm mất nó.
Công cụ liên quan
- Trình chuyển đổi màu Trình chuyển đổi màu trực tuyến miễn phí. Chuyển đổi định dạng HEX, RGB, HSL, HSV ngay lập tức với bộ chọn trực quan. 100% riêng tư, chạy trong trình duyệt của bạn.
- Công cụ lấy màu Lấy màu từ màn hình bằng công cụ hút màu. Sao chép mã HEX, RGB, HSL ngay lập tức. Công cụ lấy màu trực tuyến miễn phí.
- Trình kiểm tra độ tương phản màu Kiểm tra tỷ lệ tương phản màu cho tuân thủ WCAG 2.1. Xác minh tiêu chuẩn AA và AAA ngay lập tức.
- Trình mô phỏng mù màu Trình mô phỏng mù màu trực tuyến miễn phí. Kiểm tra thiết kế cho Protanopia, Deuteranopia, Tritanopia và các loại khác. 100% riêng tư, chạy trong trình duyệt.
- GIF Tách Khung Hình Trích xuất và tải xuống khung hình riêng lẻ từ hoạt ảnh GIF dưới dạng PNG hoặc sprite sheet. Công cụ trực tuyến miễn phí với xem trước và xuất ZIP.
- GIF Đảo Ngược Đảo ngược thứ tự phát hoạt ảnh GIF trực tuyến miễn phí. Tải lên, xem trước và tải xuống ngay lập tức.
- Thay đổi Tốc độ GIF Thay đổi tốc độ ảnh GIF trực tuyến. Tăng tốc hoặc làm chậm tệp GIF ngay lập tức.
- Video sang GIF Chuyển đổi video thành GIF hoạt hình trực tuyến. Điều chỉnh chất lượng, tốc độ khung hình và độ phân giải ngay trong trình duyệt mà không cần tải lên.