Mã nguồn thành ảnh

CSS VÀ THIẾT KẾ TƯƠNG TỰ

Xem tất cả

Tạo gradient CSS

Thiết kế gradient tuyến tính, tỏa tròn và conic bằng giao diện trực quan, sao chép CSS ngay.

Mở →

Glassmorphism CSS

Tạo mã làm mờ nền và viền trong suốt theo thời gian thực.

Mở →

Tạo box-shadow

💬 Bình luận

?

Chưa có bình luận nào. Hãy là người đầu tiên!

Mã nguồn thành ảnh LÀ GÌ?

Biến đoạn mã thành ảnh gọn gàng, dễ chia sẻ: chọn ngôn ngữ, chủ đề, kiểu cửa sổ và nền, rồi tải PNG — sẵn sàng cho slide, tài liệu hoặc bài đăng mạng xã hội.

Cách sử dụng

Dán mã vào vùng nhập và chọn ngôn ngữ (JS/TS/Python/CSS/HTML/JSON/Bash/SQL/Rust/Go). Từ khóa, chuỗi và chú thích được tô màu tự động.
Chọn trong 6 chủ đề: Dracula, One Dark, GitHub Light, Solarized, Nord và Monokai — mỗi chủ đề có cá tính màu riêng.
Bật kiểu cửa sổ “macOS” để thêm các nút đỏ/vàng/xanh cho giao diện trình soạn thảo chân thực. Số dòng có thể bật riêng.
Thanh trượt “Đệm” (16–80px) điều khiển khoảng cách giữa khối mã và nền. Chọn trong 5 nền chuyển sắc hoặc trong suốt.
Khi hài lòng với bản xem trước, nhấp “Tải PNG” để có ảnh độ phân giải cao 2× — hoàn hảo cho Twitter, LinkedIn hay bài viết công nghệ. “Sao chép mã” sao chép văn bản thuần.

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

Hỗ trợ những ngôn ngữ lập trình nào?

JavaScript, TypeScript, Python, HTML, CSS, JSON, SQL, Bash, Java và Go, có tô sáng cú pháp.

Ảnh chụp màn hình xuất ra ở định dạng nào?

PNG độ phân giải 2×, phù hợp cho blog, bài thuyết trình và mạng xã hội.

Tôi có thể tùy chỉnh nền và kiểu cửa sổ không?

Có. Nhiều chủ đề màu, kiểu macOS/không viền, màu/chuyển màu nền, số dòng và đệm.

1	function greet(name) {
2	// Say hello
3	const msg = `Hello, ${name}!`
4	console.log(msg)
5	return msg
6	}

1	function greet(name) {
2	// Say hello
3	const msg = `Hello, ${name}!`
4	console.log(msg)
5	return msg
6	}