Trình tạo bảng màu đơn sắc trực tuyến

Tính năng và ví dụ

Trình tạo này giúp bạn tạo nhanh một bảng màu hài hòa từ một màu duy nhất, hữu ích cho thiết kế giao diện, biểu đồ hoặc trình bày. Thay vì phải tự điều chỉnh độ sáng, công cụ tự động tạo các sắc độ cách đều nhau.

Ví dụ cụ thể

Với màu đỏ #FF0000 và số lượng 3, bạn sẽ nhận được ba màu: #3D0000 (tối), #FF0000 (gốc), #FFC2C2 (sáng). Điều này cho thấy màu gốc có thể xuất hiện trong kết quả, nhưng không đảm bảo nếu độ sáng gốc không nằm trong dãy 12%–88%.

Cách tính toán

Công cụ chuyển màu gốc sang HSL, giữ nguyên sắc độ (hue) và độ bão hòa (saturation), sau đó thay đổi độ sáng (lightness) theo công thức: L(i) = 12 + 76 * i / (count-1), với i từ 0 đến count-1. Điều này tạo ra các bước đều nhau từ 12% đến 88%.

Giới hạn

Đây là biến thể độ sáng HSL, không phải pha trộn màu vật lý hay làm mờ độ mờ. Màu gốc không được bảo đảm có trong kết quả, kể cả khi độ sáng nằm trong khoảng đó. Công cụ không đánh giá độ tương phản, vì vậy hãy tự kiểm tra độ tương phản giữa văn bản và nền.

Câu hỏi thường gặp

Làm thế nào để chọn màu gốc?

Bạn có thể nhập trực tiếp mã HEX (ví dụ #3B82F6) hoặc sử dụng các ô RGB, HSV, HSL. Khi thay đổi một giá trị, các giá trị khác sẽ cập nhật tương ứng.

Tại sao màu gốc không xuất hiện trong kết quả?

Vì công cụ thay thế độ sáng của màu gốc bằng một chuỗi các giá trị từ 12% đến 88%. Ngay cả khi độ sáng gốc nằm trong khoảng đó, mã HEX gốc vẫn không được bảo đảm xuất hiện. Ví dụ, màu #FF0000 có độ sáng 50%, nằm trong khoảng, nên nó xuất hiện khi count=3.

Tôi có thể xuất bảng màu dưới dạng tệp không?

Công cụ không có tùy chọn xuất tệp. Bạn có thể sao chép mã màu từ các ô và sử dụng trong phần mềm thiết kế của mình.

Kiểm tra nhanh

• Chọn màu gốc và số lượng sắc độ.
• Nhấn nút tính toán để tạo bảng màu.
• Xem các sắc độ từ tối đến sáng.
• Chỉnh sửa từng màu nếu cần.
• Nhấn 'Xóa' để đặt lại.