Xuất bảng màu
Dán hoặc nhập bộ màu và xuất ngay sang CSS variables, SCSS, Tailwind config, JSON hoặc SVG swatches — bước hoàn thiện cho bất kỳ bảng màu nào.
Dán các giá trị HEX (mỗi dòng một cái, hoặc phân cách bằng dấu phẩy/khoảng trắng). rgb() và hsl() cũng được chấp nhận.
Không tìm thấy màu hợp lệ — kiểm tra lại đầu vào.
Mọi thứ chạy trong trình duyệt — dán bảng màu và sao chép mã sẵn dùng cho production ở bất kỳ định dạng nào. Không đăng ký, hoàn toàn miễn phí.
Giới thiệu về Xuất bảng màu
Trình Xuất Bảng Màu là bước hoàn thiện cho bất kỳ bảng màu nào: dán vào một tập hợp màu và nhận về mã sẵn sàng dùng theo định dạng mà dự án của bạn cần. Nó chấp nhận giá trị HEX mỗi dòng một giá trị hoặc phân tách bằng dấu phẩy và dấu cách, và cũng hiểu ký hiệu rgb() và hsl().
Sáu định dạng đầu ra được tạo trực tiếp: thuộc tính tùy chỉnh CSS, biến SCSS, khối màu cấu hình Tailwind, JSON, mẫu màu SVG và danh sách HEX thuần túy. Một tiền tố biến có thể cấu hình giữ tên được tạo nhất quán với mã nguồn của bạn, và mỗi định dạng đều có thể sao chép vào clipboard hoặc tải xuống dưới dạng tệp.
Mọi thứ chạy trong trình duyệt của bạn, các màu bạn dán vào không bao giờ được gửi đi đâu cả. Nó phối hợp tự nhiên với các công cụ bảng màu khác: trích xuất hoặc tạo một bảng màu ở nơi khác, dán vào đây, và ra về với chính xác đoạn mã mà stylesheet, framework hoặc quy trình thiết kế của bạn cần.
Cách sử dụng Xuất bảng màu
- Dán màu của bạn vào ô nhập, HEX, rgb() hoặc hsl(), mỗi dòng một giá trị hoặc phân cách bằng dấu phẩy.
- Nhấp "Cập nhật màu" để phân tích chúng thành một bảng màu, hoặc tải mẫu để dùng thử.
- Chọn một định dạng xuất: biến CSS, SCSS, cấu hình Tailwind, JSON, mẫu màu SVG hoặc HEX thuần túy.
- Điều chỉnh tiền tố biến nếu bạn muốn đặt tên tùy chỉnh.
- Sao chép mã được tạo hoặc tải xuống dưới dạng tệp.