Thiết kế & CSS
Các công cụ trong danh mục Thiết kế & CSS.
Image Resizer Online
Thay đổi kích thước hình ảnh trực tuyến (JPEG/PNG/WebP).
Dummy Image Generator Online
Tạo hình ảnh giữ chỗ (Dummy Image) cho thiết kế.
Chuyển đổi HEX ⇔ RGB ⇔ Unity Color
Chuyển đổi màu sang định dạng Unity Color (0-1). Hỗ trợ HEX và RGB.
Nén ảnh & Chuyển đổi sang WebP
Nén hình ảnh và chuyển đổi sang WebP. Tối ưu dung lượng cho web.
Dummy Image Generator
Tạo ảnh giả (Placeholder) với kích thước tùy chỉnh cho Layout.
Favicon Generator from Image
Tạo Favicon đa kích thước cho website từ một tấm ảnh.
Aspect Ratio Calculator
Tính tỷ lệ khung hình (16:9, 4:3). Hỗ trợ kích thước tùy chỉnh.
RGBA to HEX Color Converter
Chuyển đổi mã màu giữa định dạng HEX và RGBA (độ trong suốt).
Tailwind CSS Color Finder
Tìm lớp màu Tailwind CSS gần nhất từ mã HEX.
Glassmorphism CSS Generator
Tạo hiệu ứng kính mờ (Glassmorphism) cho giao diện Web.
CSS Box Shadow Generator
Thiết kế hiệu ứng đổ bóng (Box Shadow) cho phần tử Web.
CSS Gradient Generator
Tạo dải màu (CSS Gradient) mượt mà cho Background.
Image Resizer Online
Thay đổi kích thước hình ảnh trực tuyến (JPEG/PNG/WebP).
Image Color Picker & Palette Generator
Lấy mã màu HEX/RGB từ hình ảnh và tạo bảng màu.
PX to REM Converter
Chuyển đổi đơn vị CSS giữa Pixel (px) và REM.
Aspect Ratio Calculator Online
Tính toán tỷ lệ khung hình cho hình ảnh và video.
Dummy Image Generator Online
Tạo hình ảnh giữ chỗ (Dummy Image) cho thiết kế.
Lorem Ipsum Generator Online
Tạo văn bản mẫu Lorem Ipsum cho thiết kế.
Color Contrast Checker
Check contrast ratio. WCAG compliance.
Color Name Search
HEX to color name. Name to HEX.
Fluid Typography Calculator
Generate clamp() values for viewport-responsive font sizes.
Golden Ratio Calculator
Split a value by the golden ratio (φ). For layout and design proportions.
Line-height Calculator
Convert design line spacing (px) to line-height multiplier.
Silver Ratio Calculator
Split a value by the silver ratio (√2). For A4, Japanese design, and layout proportions.