Cung cấp giá trị ban đầu
Tạo thang 11 mức từ 50–950 bằng một màu gốc, chọn một trong năm chế độ dựa trên OKLCH và sao chép CSS, OKLCH hoặc cấu hình theme Tailwind.
Tạo thang màu Tailwind
Tạo thang 11 mức từ 50–950 bằng một màu gốc, chọn một trong năm chế độ dựa trên OKLCH và sao chép CSS, OKLCH hoặc cấu hình theme Tailwind.
Quy trình đã xác minh chạy trong trình duyệt. Tệp và giá trị màu ở lại trên trang, trừ khi một tùy chọn ghi rõ việc mở URL mạng.
Tạo thang màu kiểu Tailwind với sắc độ đồng nhất
Trả lời nhanh
Tạo thang 11 mức từ 50–950 bằng một màu gốc, chọn một trong năm chế độ dựa trên OKLCH và sao chép CSS, OKLCH hoặc cấu hình theme Tailwind. Đây là thang màu phong cách Tailwind được sinh ra, không phải palette chính thức của Tailwind. Số shade thể hiện thứ tự token, không phải phần trăm sáng tuyến tính; màu bị giới hạn có thể mất độ rực.
Công cụ này làm gì
Tạo thang 11 mức từ 50–950 bằng một màu gốc, chọn một trong năm chế độ dựa trên OKLCH và sao chép CSS, OKLCH hoặc cấu hình theme Tailwind. Biến màu thương hiệu thành một dải token rồi kiểm tra các tổ hợp tiền cảnh/nền thực tế trong giao diện.
Khả năng đã xác minh
Điều chỉnh tùy chọn cần thiết
Classic, sắc độ shift, luminance anchored, vivid và muted điều chỉnh target độ sáng, độ rực hoặc sắc độ trước khi kết quả được đổi và giới hạn về RGB để xuất HEX.
Kiểm tra giới hạn chính xác
Đây là thang màu phong cách Tailwind được sinh ra, không phải palette chính thức của Tailwind. Số shade thể hiện thứ tự token, không phải phần trăm sáng tuyến tính; màu bị giới hạn có thể mất độ rực. Đối chiếu kết quả với nơi sử dụng dự kiến trước khi dùng lại.
Khi nào nên dùng
- Biến màu thương hiệu thành một dải token rồi kiểm tra các tổ hợp tiền cảnh/nền thực tế trong giao diện.
- Classic, sắc độ shift, luminance anchored, vivid và muted điều chỉnh target độ sáng, độ rực hoặc sắc độ trước khi kết quả được đổi và giới hạn về RGB để xuất HEX. Trong mục “Khi nào nên dùng 2”, lưu ý này áp dụng riêng cho Tạo thang màu Tailwind.
- Biến màu thương hiệu thành một dải token rồi kiểm tra các tổ hợp tiền cảnh/nền thực tế trong giao diện. Dùng công cụ liên quan đầu tiên để tiếp tục từ kết quả của Tạo thang màu Tailwind mà không đổi ngôn ngữ.
Cách sử dụng
Cung cấp giá trị ban đầu
Tạo thang 11 mức từ 50–950 bằng một màu gốc, chọn một trong năm chế độ dựa trên OKLCH và sao chép CSS, OKLCH hoặc cấu hình theme Tailwind. Trong mục “Cách sử dụng: Cung cấp giá trị ban đầu”, lưu ý này áp dụng riêng cho Tạo thang màu Tailwind.
Điều chỉnh tùy chọn cần thiết
Classic, sắc độ shift, luminance anchored, vivid và muted điều chỉnh target độ sáng, độ rực hoặc sắc độ trước khi kết quả được đổi và giới hạn về RGB để xuất HEX. Trong mục “Cách sử dụng: Điều chỉnh tùy chọn cần thiết”, lưu ý này áp dụng riêng cho Tạo thang màu Tailwind.
Kiểm tra và tiếp tục
Biến màu thương hiệu thành một dải token rồi kiểm tra các tổ hợp tiền cảnh/nền thực tế trong giao diện. Trong mục “Cách sử dụng: Kiểm tra và tiếp tục”, lưu ý này áp dụng riêng cho Tạo thang màu Tailwind.
Kiểm tra giới hạn chính xác
Đây là thang màu phong cách Tailwind được sinh ra, không phải palette chính thức của Tailwind. Số shade thể hiện thứ tự token, không phải phần trăm sáng tuyến tính; màu bị giới hạn có thể mất độ rực. Đối chiếu kết quả với nơi sử dụng dự kiến trước khi dùng lại. Đọc giới hạn đã nêu trước khi dùng kết quả cho quyết định môi trường thực tế hoặc khả năng tiếp cận.
Giải thích tùy chọn
Cung cấp giá trị ban đầu
Tạo thang 11 mức từ 50–950 bằng một màu gốc, chọn một trong năm chế độ dựa trên OKLCH và sao chép CSS, OKLCH hoặc cấu hình theme Tailwind. Trong mục “Giải thích tùy chọn: Cung cấp giá trị ban đầu”, lưu ý này áp dụng riêng cho Tạo thang màu Tailwind.
Điều chỉnh tùy chọn cần thiết
Classic, sắc độ shift, luminance anchored, vivid và muted điều chỉnh target độ sáng, độ rực hoặc sắc độ trước khi kết quả được đổi và giới hạn về RGB để xuất HEX. Trong mục “Giải thích tùy chọn: Điều chỉnh tùy chọn cần thiết”, lưu ý này áp dụng riêng cho Tạo thang màu Tailwind.
Kết quả được tạo như thế nào
Classic, sắc độ shift, luminance anchored, vivid và muted điều chỉnh target độ sáng, độ rực hoặc sắc độ trước khi kết quả được đổi và giới hạn về RGB để xuất HEX. Trong mục “Kết quả được tạo như thế nào”, lưu ý này áp dụng riêng cho Tạo thang màu Tailwind.
Độ chính xác và giới hạn
- Đây là thang màu phong cách Tailwind được sinh ra, không phải palette chính thức của Tailwind. Số shade thể hiện thứ tự token, không phải phần trăm sáng tuyến tính; màu bị giới hạn có thể mất độ rực.
- Bộ nhớ tạm, giải mã tệp, tải xuống và tùy chọn cần quyền phụ thuộc khả năng của trình duyệt hiện tại.
Xử lý và quyền riêng tư
Quy trình đã xác minh chạy trong trình duyệt. Tệp và giá trị màu ở lại trên trang, trừ khi một tùy chọn ghi rõ việc mở URL mạng.
Mẹo sử dụng
- Bắt đầu từ mẫu đã biết rồi chỉ đổi từng tùy chọn để dễ hiểu tác động.
- Đọc giới hạn đã nêu trước khi dùng kết quả cho quyết định môi trường thực tế hoặc khả năng tiếp cận.
Xử lý sự cố
Dữ liệu đầu vào hoặc thao tác không hoạt động
Kiểm tra phạm vi hoặc yêu cầu tệp đang hiển thị, đặt lại công cụ rồi thử dữ liệu đầu vào nhỏ hơn hoặc được trình duyệt hỗ trợ. Tùy chọn cần quyền có thể yêu cầu ngữ cảnh bảo mật.
Độ chính xác và giới hạn
Đây là thang màu phong cách Tailwind được sinh ra, không phải palette chính thức của Tailwind. Số shade thể hiện thứ tự token, không phải phần trăm sáng tuyến tính; màu bị giới hạn có thể mất độ rực. Trong mục “Xử lý sự cố: Độ chính xác và giới hạn”, lưu ý này áp dụng riêng cho Tạo thang màu Tailwind.
Kiểm tra giới hạn chính xác
Đây là thang màu phong cách Tailwind được sinh ra, không phải palette chính thức của Tailwind. Số shade thể hiện thứ tự token, không phải phần trăm sáng tuyến tính; màu bị giới hạn có thể mất độ rực. Đặt lại công cụ rồi thử bằng giá trị chắc chắn được hỗ trợ trước khi kết luận lỗi thuật toán.
Câu hỏi về công cụ
Tạo thang màu Tailwind làm gì?
Tạo thang 11 mức từ 50–950 bằng một màu gốc, chọn một trong năm chế độ dựa trên OKLCH và sao chép CSS, OKLCH hoặc cấu hình theme Tailwind. Trong mục “Tạo thang màu Tailwind làm gì?”, lưu ý này áp dụng riêng cho Tạo thang màu Tailwind.
Giới hạn quan trọng nhất là gì?
Đây là thang màu phong cách Tailwind được sinh ra, không phải palette chính thức của Tailwind. Số shade thể hiện thứ tự token, không phải phần trăm sáng tuyến tính; màu bị giới hạn có thể mất độ rực. Trong mục “Giới hạn quan trọng nhất là gì?”, lưu ý này áp dụng riêng cho Tạo thang màu Tailwind.
Dữ liệu được xử lý ở đâu?
Quy trình đã xác minh chạy trong trình duyệt. Tệp và giá trị màu ở lại trên trang, trừ khi một tùy chọn ghi rõ việc mở URL mạng. Trong mục “Dữ liệu được xử lý ở đâu?”, lưu ý này áp dụng riêng cho Tạo thang màu Tailwind.
Cần chuẩn bị dữ liệu đầu vào nào cho Tạo thang màu Tailwind?
Tạo thang 11 mức từ 50–950 bằng một màu gốc, chọn một trong năm chế độ dựa trên OKLCH và sao chép CSS, OKLCH hoặc cấu hình theme Tailwind. Tạo thang 11 mức từ 50–950 bằng một màu gốc, chọn một trong năm chế độ dựa trên OKLCH và sao chép CSS, OKLCH hoặc cấu hình theme Tailwind.
Cần kiểm tra gì trước khi dùng kết quả của Tạo thang màu Tailwind?
Đây là thang màu phong cách Tailwind được sinh ra, không phải palette chính thức của Tailwind. Số shade thể hiện thứ tự token, không phải phần trăm sáng tuyến tính; màu bị giới hạn có thể mất độ rực. Đối chiếu kết quả với nơi sử dụng dự kiến trước khi dùng lại. Trong mục “Cần kiểm tra gì trước khi dùng kết quả của Tạo thang màu Tailwind?”, lưu ý này áp dụng riêng cho Tạo thang màu Tailwind.
Quy trình nào có thể tiếp nối Tạo thang màu Tailwind?
Dùng công cụ liên quan đầu tiên để tiếp tục từ kết quả của Tạo thang màu Tailwind mà không đổi ngôn ngữ. Biến màu thương hiệu thành một dải token rồi kiểm tra các tổ hợp tiền cảnh/nền thực tế trong giao diện.
Tiếp tục quy trình màu
Biến màu thương hiệu thành một dải token rồi kiểm tra các tổ hợp tiền cảnh/nền thực tế trong giao diện. Trong mục “Tiếp tục quy trình màu”, lưu ý này áp dụng riêng cho Tạo thang màu Tailwind.
Tiếp tục bằng công cụ liên quan
Dùng công cụ liên quan đầu tiên để tiếp tục từ kết quả của Tạo thang màu Tailwind mà không đổi ngôn ngữ.
Tạo bảng màu