Tạo bảng màu Tailwind: thang màu 11 bước
Tạo thang màu kiểu Tailwind 11 bước, từ 50 đến 950, dùng một màu gốc duy nhất. Bảng màu tăng dần độ sáng trong OKLch, không gian màu đồng đều cảm nhận mà Tailwind v3 dùng. Xem lại các sắc độ đã tạo, nhấp vào bất kỳ giá trị nào để sao chép, hoặc dùng đoạn config Tailwind sẵn dán đi kèm. Đặt các tùy chọn khả dụng trước khi tạo.
Công cụ tạo bảng màu Tailwind tạo thang màu kiểu Tailwind 11 bước từ một màu gốc duy nhất. Nó tạo các sắc độ được đánh số 50, 100 và tiếp tục đến 950, giúp xây dựng bảng màu phối hợp dễ hơn thay vì tạo từng giá trị thủ công. Mỗi sắc độ đều nhấp để sao chép, và công cụ gồm đoạn config Tailwind sẵn dán.
Công cụ xây dựng thang bằng cách tăng dần độ sáng trong OKLch, không gian màu đồng đều cảm nhận mà Tailwind v3 dùng. Đặt các tùy chọn khả dụng, cung cấp màu gốc và tạo bảng màu để xem các sắc độ thu được. Sau đó bạn có thể sao chép từng giá trị hoặc dùng đoạn config đi kèm.
Bảng màu là chuỗi các giá trị màu liên quan, còn đoạn config Tailwind là cách tiện lợi để dùng bảng màu đã tạo trong dự án Tailwind. Tạo sắc độ từ một màu gốc giúp bạn thiết lập dải giá trị sáng hơn và tối hơn nhất quán cho giao diện hoặc dữ liệu dự án. Cách đánh số 50–950 giúp các bước dễ nhận biết khi làm việc với thang.
Công cụ chạy hoàn toàn trong trình duyệt, và dữ liệu được xử lý trên thiết bị thay vì gửi đến máy chủ. Nó không phụ thuộc máy chủ, nên sau khi trang tải, nó tiếp tục hoạt động ngoại tuyến. Công cụ tạo bảng màu Tailwind miễn phí và giúp lập trình viên, nhà thiết kế cùng kỹ sư DevOps tạo và sao chép nhanh thang màu hoàn chỉnh.
Bước 1: Cung cấp một màu gốc để bắt đầu bảng màu. Công cụ dùng nó để xây dựng thang 11 bước hoàn chỉnh.
Bước 2: Đặt các tùy chọn khả dụng trước khi tạo. Các tùy chọn cụ thể có thể xem lại trong công cụ.
Bước 3: Tạo bảng màu và xem lại các sắc độ, được đánh số từ 50 đến 950.
Bước 4: Nhấp vào một sắc độ để sao chép giá trị, hoặc sao chép đoạn config Tailwind sẵn dán đi kèm.
Trường hợp sử dụng: Tạo bộ sắc độ kiểu Tailwind hoàn chỉnh cho hệ thống thiết kế từ một màu gốc.
Trường hợp sử dụng: Chuẩn bị giá trị màu cho kiểm thử, fixture hoặc dữ liệu seed mà không cần gõ từng sắc độ thủ công.
Trường hợp sử dụng: Tạo cả thang 50–950 cùng lúc thay vì nghĩ ra từng giá trị một.
Trường hợp sử dụng: Xây dựng bảng màu cho dự án và sao chép từng giá trị sắc độ khi cần.
Trường hợp sử dụng: Dùng đoạn config đi kèm để đưa bảng màu đã tạo vào cấu hình Tailwind.
Trường hợp sử dụng: Khám phá độ sáng thay đổi thế nào qua bảng màu dùng thang dựa trên OKLch.