Tạo Màu Ngẫu Nhiên - Kiểu Có Sẵn & Khoảng HSL Tùy Chỉnh

Tạo Màu Ngẫu Nhiên Với Kiểu Có Sẵn Và Kiểm Soát HSL

Công cụ tạo màu ngẫu nhiên này cho ra màu tức thì và để bạn dẫn dắt kết quả thay vì phó mặc cho may rủi. Chọn một kiểu màu có sẵn hoặc tinh chỉnh khoảng tông màu, độ bão hòa và độ sáng, rồi mỗi màu sẽ kèm sẵn giá trị HEX, RGB và HSL để sao chép ngay.

Tạo một màu duy nhất để xem thật chi tiết, hoặc bung tới 100 màu cùng lúc trên một lưới. Khóa những ô màu bạn ưng ý trong khi tráo lại phần còn lại, lưu các màu yêu thích để dùng cho lần sau, và xuất màu của bạn dưới dạng biến CSS. Công cụ này dành cho nhà thiết kế web, designer UI/UX và đồ họa, cùng lập trình viên cần giá trị màu dùng được thật nhanh.

Riêng tư theo thiết kế: mọi màu đều được tạo ngay trong trình duyệt của bạn, và các màu yêu thích được lưu cục bộ trên thiết bị. Không có gì được tải lên máy chủ.

Cách Tạo Màu Ngẫu Nhiên

Chọn kiểu có sẵn

Chọn Bất kỳ, Pastel, Rực rỡ, Tối, Sáng, Trầm hoặc Neon để định phong cách màu tổng thể. Mỗi kiểu sẽ tự điều chỉnh khoảng HSL cho bạn.

Đặt số lượng màu

Bấm 1, 5, 10 hoặc 20, hoặc nhập số bất kỳ từ 1 đến 100 vào ô tùy chỉnh. Một màu sẽ hiện bản xem trước lớn; nhiều màu hơn sẽ xếp thành lưới.

Tạo màu

Bấm Tạo màu hoặc nhấn Space để tạo một bộ màu mới. Mở bảng Nâng cao bất cứ lúc nào để kéo các tay nắm tông màu, độ bão hòa và độ sáng nhằm kiểm soát chính xác.

Sao chép hoặc lưu màu bạn thích

Bấm vào bất kỳ giá trị HEX, RGB hay HSL nào để sao chép, chạm vào trái tim để thêm màu yêu thích, hoặc dùng Sao chép tất cả để lấy mọi màu hiện tại dưới dạng biến CSS.

Tính Năng

Kiểu Màu Có Sẵn

Bảy phong cách tích hợp sẵn — Bất kỳ, Pastel, Rực rỡ, Tối, Sáng, Trầm và Neon — đặt đúng khoảng HSL chỉ với một cú bấm.

Thanh Trượt Khoảng HSL

Kéo hai tay nắm để đặt tông màu (0–360°), độ bão hòa (0–100%) và độ sáng (0–100%) cho kết quả chính xác, lặp lại được.

Tạo Nhiều Màu Cùng Lúc

Tạo từ 1 đến 100 màu trong một lần — một bản xem trước lớn duy nhất hoặc một lưới ô màu sao chép nhanh.

Khóa Màu

Ở chế độ lưới, khóa những màu bạn muốn giữ và tạo lại phần còn lại để dựng bảng màu từng ô một.

Hệ Thống Yêu Thích

Lưu những màu bạn yêu thích bằng biểu tượng trái tim. Màu yêu thích được lưu trong trình duyệt và còn nguyên qua các phiên truy cập.

Định Dạng HEX, RGB & HSL

Mỗi màu hiển thị đủ cả ba định dạng. Bấm vào bất kỳ giá trị nào để sao chép thẳng vào bộ nhớ tạm.

Xuất Biến CSS

Dùng Sao chép tất cả hoặc xuất màu yêu thích để có ngay một khối :root biến CSS dán là dùng được.

Phím Tắt Nhanh

Nhấn Space để tạo ngay một bộ màu mới mà không cần với tới chuột.

Câu Hỏi Thường Gặp

Tạo màu ngẫu nhiên hoạt động thế nào?

Mỗi màu được chọn ngẫu nhiên từ khoảng tông màu, độ bão hòa và độ sáng mà bạn đặt. Chọn một kiểu có sẵn hoặc kéo các thanh trượt HSL sẽ thu hẹp những khoảng đó, nên kết quả tuy ngẫu nhiên nhưng luôn nằm trong phong cách bạn muốn. Bấm Tạo màu hoặc nhấn Space để có bộ màu mới.

Hỗ trợ những định dạng màu nào (HEX, RGB, HSL)?

Mỗi màu hiển thị ở ba định dạng: HEX (ví dụ #FF5733), RGB (rgb(255, 87, 51)) và HSL (hsl(14, 100%, 60%)). Bấm vào bất kỳ giá trị nào để sao chép vào bộ nhớ tạm.

Làm sao tạo nhiều màu ngẫu nhiên cùng lúc?

Bấm các nút 1, 5, 10 hoặc 20, hoặc nhập số bất kỳ từ 1 đến 100 vào ô tùy chỉnh bên cạnh. Một màu duy nhất sẽ hiện bản xem trước lớn kèm đủ định dạng, còn nhiều màu thì xếp thành lưới với giá trị HEX sao chép nhanh.

Tôi có tạo được màu pastel, rực rỡ hay neon ngẫu nhiên không?

Có. Các kiểu Pastel, Rực rỡ và Neon mỗi kiểu áp dụng khoảng độ bão hòa và độ sáng riêng — dịu và sáng cho pastel, đậm và bão hòa cao cho rực rỡ, và những tông phát sáng độ bão hòa cao cho neon. Các kiểu Tối, Sáng và Trầm bao phủ phần còn lại của dải màu.

Làm sao giữ lại một số màu trong khi đổi các màu khác?

Khi bạn tạo nhiều hơn một màu, mỗi ô màu đều có biểu tượng khóa. Khóa những màu muốn giữ, rồi tạo lại — các màu đã khóa sẽ ở nguyên còn phần còn lại được tráo lại. Bấm khóa lần nữa để mở khóa.

Tôi có lưu màu để dùng sau được không?

Có. Bấm biểu tượng trái tim trên bất kỳ màu nào để thêm vào danh sách yêu thích, được lưu trong trình duyệt và chờ sẵn khi bạn quay lại. Vì chúng nằm trong bộ nhớ cục bộ, màu yêu thích có thể bị mất nếu bạn xóa dữ liệu trình duyệt hoặc dùng chế độ ẩn danh — nên hãy xuất những màu bạn muốn giữ.

Làm sao xuất màu dưới dạng biến CSS?

Bấm Sao chép tất cả để sao chép các màu hiện tại thành một khối :root gồm các biến CSS như --color-1: #FF5733;. Với màu đã lưu, dùng biểu tượng xuất trong mục yêu thích để sao chép chúng theo cùng định dạng.

Dữ liệu của tôi có riêng tư không?

Có. Toàn bộ việc tạo màu diễn ra hoàn toàn trong trình duyệt của bạn, và các màu yêu thích được lưu cục bộ trên thiết bị. Không có gì được gửi tới máy chủ nào.