Tạo màu ngẫu nhiên
Màu và mã ngẫu nhiên cho thiết kế và lập trình.
Nhấn vào mã để sao chép. Nhấn khóa để giữ một màu khi tạo lại.
- Mã HEX, RGB hoặc HSL
- Bảng màu pastel và tối
- Khóa màu ưng ý, tạo lại phần còn lại
Cách tạo màu ngẫu nhiên
- Chọn số lượng màu và định dạng mã.
- Chọn bảng màu ngẫu nhiên, pastel hoặc tối.
- Nhấn vào một ô màu để sao chép mã, hoặc khóa nó trước khi tạo thêm.
So sánh HEX, RGB và HSL
Cả ba định dạng đều mô tả đúng một màu. Bạn cần dùng loại nào tùy vào nơi sẽ dán mã vào.
| Định dạng | Trông như | Phù hợp nhất cho |
|---|---|---|
| HEX | #3B82F6 | CSS, công cụ thiết kế, chia sẻ nhanh |
| RGB | rgb(59, 130, 246) | CSS, mã cần trộn hoặc chuyển sắc màu |
| HSL | hsl(217, 91%, 60%) | Chỉnh màu bằng tay: sắc độ, rồi độ đậm, rồi độ sáng |
HSL thường dễ tự chỉnh nhất, vì kéo số độ sáng sáng hơn hoặc tối hơn vẫn giữ nguyên sắc độ, điều mà HEX và RGB khó làm bằng mắt hơn.
Ngẫu nhiên, pastel và tối, theo con số
Mỗi chế độ chọn từ một phần khác nhau của vòng tròn màu chứ không chỉ đổi sắc độ.
| Chế độ | Khoảng độ bão hòa | Khoảng độ sáng |
|---|---|---|
| Ngẫu nhiên | 40 đến 100% | 25 đến 75% |
| Pastel | 35 đến 60% | 75 đến 88% |
| Tối | 35 đến 70% | 12 đến 28% |
Sắc độ luôn được chọn trong toàn bộ khoảng 0 đến 359 ở mọi chế độ, nên pastel và tối vẫn phủ đủ mọi nhóm màu, chỉ sáng hơn hoặc tối hơn.
Mọi người dùng màu ngẫu nhiên để làm gì
- Tìm cảm hứng thiết kế nhanh khi bí ý tưởng chọn màu thương hiệu hoặc theme.
- Màu tạm cho wireframe, biểu đồ và bản nháp giao diện trước khi chọn bảng màu chính thức.
- Tạo màu nền avatar, nhãn hoặc màu phân loại trong một ứng dụng.
- Dự án nghệ thuật và thủ công, như một gợi ý màu ngẫu nhiên cho bản vẽ mỗi ngày.
Câu hỏi thường gặp về Tạo màu ngẫu nhiên
Sự khác biệt giữa các bảng màu là gì?
Ngẫu nhiên bao phủ toàn bộ vòng tròn màu. Pastel giữ độ sáng và độ bão hòa nhẹ nhàng cho nền dịu mắt. Tối giữ độ sáng thấp, hợp cho theme tối và chữ tương phản.
Làm sao giữ lại một màu tôi thích?
Nhấn biểu tượng khóa trên ô màu đó. Ô đã khóa sẽ giữ nguyên màu ở lần tạo tiếp theo, nhờ vậy bạn chỉ tạo lại phần còn lại.
Khác nhau giữa HEX, RGB và HSL là gì?
HEX và RGB mô tả màu qua lượng đỏ, xanh lá và xanh dương. HSL mô tả qua sắc độ, độ bão hòa và độ sáng, thường dễ chỉnh tay hơn.
Làm sao sao chép một mã màu?
Nhấn vào phần chữ mã bên dưới ô màu bất kỳ, mã sẽ được sao chép vào clipboard ngay lập tức.
Các bảng màu thực sự dùng khoảng giá trị nào?
Ngẫu nhiên chọn bất kỳ sắc độ nào với độ bão hòa 40 đến 100% và độ sáng 25 đến 75%. Pastel thu hẹp độ sáng còn 75 đến 88%. Tối thu hẹp độ sáng còn 12 đến 28%, với độ bão hòa 35 đến 70% để màu vẫn đậm đà thay vì xỉn.
Hai màu ngẫu nhiên có chắc hợp nhau không?
Đôi khi. Công cụ này chọn từng màu độc lập để tạo sự đa dạng và cảm hứng, không tự dựng một bảng màu ăn khớp sẵn. Muốn các màu chắc chắn hợp nhau, hãy tạo vài màu, khóa những màu ưng ý và tạo lại phần còn lại đến khi bộ màu vừa ý.
Có thể tạo chỉ một màu thay vì cả bộ không?
Được, đặt số lượng là 1 và nhấn Tạo để có một màu ngẫu nhiên duy nhất theo định dạng bạn chọn.
Dùng mã HEX hoặc RGB vừa tạo ở đâu?
Dán mã HEX thẳng vào CSS, Figma, Photoshop hoặc hầu hết công cụ thiết kế. Giá trị RGB và HSL cũng dùng được tương tự trong các hàm CSS như rgb() và hsl().