Công cụ của tôi

Tạo màu ngẫu nhiên

Một màu ngẫu nhiên đã sẵn sàng — nhấn Space để lấy màu tiếp theo, sao chép HEX, RGB hoặc HSL chỉ với một cú nhấp.

Cách sử dụng

  1. Màu đã có trên màn hình khi trang mở — kết quả đầu tiên không cần nhấp gì.
  2. Nhấn Space (hoặc “Tạo”) để lấy màu tiếp theo. Chọn phong cách trước nếu bạn muốn kiểu ngẫu nhiên khác: “Cân bằng” giữ ở vùng giữa dùng được, “Mọi nơi” quay khắp không gian HSL, “Rực rỡ” và “Pastel” nhắm tới màu nhấn và nền dịu.
  3. Sao chép HEX, RGB hoặc HSL bằng nút của nó — hoặc nhấp vào ô màu lớn để sao chép HEX. “Sao chép cả ba” đưa mọi định dạng vào clipboard, mỗi dòng một định dạng.

Ví dụ

Cài đặt

Phong cách “Cân bằng”

Một kết quả có thể có

HEX #A5B3C0
RGB rgb(165, 179, 192)
HSL hsl(210, 18%, 70%)

Giá trị là ngẫu nhiên nên bạn sẽ không bao giờ nhận đúng những màu này — hãy kiểm tra hình dạng thay vì giá trị: HEX là # cộng sáu chữ số hex, RGB là ba số nguyên 0–255, HSL là một hue theo độ cộng hai phần trăm. Nhãn Aa trên ô màu cho biết chữ đen và chữ trắng đọc được thế nào trên màu đó (độ tương phản WCAG; 21:1 là tốt nhất, 1:1 là vô hình).

Phạm vi, giới hạn và câu hỏi thường gặp

  • Chỉ màu đục: không alpha và không HEX 8 chữ số. Cần độ trong suốt, hãy dán giá trị vào công cụ chuyển đổi màu.
  • Ba định dạng: HEX, RGB và HSL. HSV, CMYK và các không gian màu khác là việc của công cụ chuyển đổi màu.
  • “Cân bằng”, “Rực rỡ” và “Pastel” là các dải dùng được chọn thủ công trong HSL — cố ý không phải phép chọn đồng đều về toán học. Chọn “Mọi nơi” để quay đều khắp không gian HSL; xám đục và gần trắng là một phần của lựa chọn đó.
  • Tính ngẫu nhiên đến từ crypto.getRandomValues của trình duyệt — mạnh về mật mã, nhưng không phải dịch vụ “ngẫu nhiên thực” dựa trên nhiễu khí quyển.
  • Dải màu gần đây chỉ tồn tại trong lần truy cập này: tải lại sẽ xóa. Không tải lên, không lưu trữ, không đưa vào URL, và nút chia sẻ chỉ chia sẻ liên kết trang.
  • Nhãn Aa chỉ so màu với chữ đen và chữ trắng (độ sáng tương đối WCAG 2.x). Màu chữ khác, lớp phủ và quản lý màu nằm ngoài phạm vi.
  • Việc làm tròn chỉ ở mức hiển thị: chuyển cùng một màu giữa HEX và HSL có thể lệch một kênh 1 đơn vị.

Những gì người dùng thường cần tiếp theo khi đã có màu.

Chuyển đổi màu

Tạo bảng màu